# Color Blocks

## Overview

Color blocks enable you to specify and manipulate colors used within your app's interface. You can use these blocks to choose and apply colors to elements like backgrounds, text, buttons, or other visual components.

## Color Palette

Clicking a color block opens the standard color palette to select from. 

<div align="left"><img src="/files/w4OaLoAk9CwRLIyR6E1u" alt="" width="563"></div>

## Random Color

This block returns a random color with an Alpha value of 100%.

<div align="left"><img src="/files/YRWMIUtR6qXuryB45VRj" alt="" width="188"></div>

## Set RGB Color

This block allows you to define a color using [RGB values](https://www.w3schools.com/colors/colors_rgb.asp).

<div align="left"><img src="/files/e3kc8TdVlWwRG6wdaWC4" alt=""></div>

## Set HSV Color

This block allows you to define a color using [HSV values](https://en.wikipedia.org/wiki/HSL_and_HSV).

<div align="left"><img src="/files/TEFkB65mUhgqBUk5nmDg" alt="" width="563"></div>

## Blend Colors

This block allows you to define a color by blending two colors with a selected ratio of color  1 to color 2.

<div align="left"><img src="/files/yaeGFr88dfUPGTFIAA16" alt=""></div>

## Set RGBA Color

You can use a [text block](/blocks/blocks/text.md) to define a color with [RGBA syntax](https://www.w3schools.com/css/css_colors_rgb.asp) `rgba(r,g,b,a)`.

<div align="left"><img src="/files/HtBNi772hhTANvbEN5gw" alt="" width="563"></div>

## Set Hex Color

You can use a [text block](/blocks/blocks/text.md) to define a color with [hex values](https://htmlcolorcodes.com/).

<div align="left"><img src="/files/-MfCF2co3XV69NhFIfIS" alt="" width="563"></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thunkable.com/blocks/blocks/color.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.