# Color

## Select Color

There is a predefined set of colors in the blocks palette

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FC15bEqH0HPQqDTOQ0JHz%2Fcolor.png?alt=media\&token=712d902f-3ff4-4c2f-8bf0-b966f4e5e987)

Clicking on this color will bring up a menu:

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FCig9XuO2rtt2vzM29bBn%2Fcolor-rgb.png?alt=media\&token=89629948-0604-4d9c-9e18-7dd0d46803b6)

## Set RGB Color

You can use this block to select a color with [RGB values](https://www.w3schools.com/colors/colors_rgb.asp):

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FWov17UMS9aAlE4wkDgzu%2Fcolor-rgb-mini.png?alt=media\&token=901d2d10-8e60-4803-bdbf-e9a60005bbb1)

## Set RGBA Color

You can use a [Text](https://docs.thunkable.com/~/revisions/A81b2aVlSXGVVaRtdFDr/text#text-value) block to set a color with [RGBA syntax](https://www.w3schools.com/css/css_colors_rgb.asp): `rgba(r,g,b,a)`

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FCNeDt0tIBrnDOXOz31dH%2Fcolor-rgba.png?alt=media\&token=93dba8d6-a784-4154-8b44-ef3ae9cae0b3)

## Set HSV Color

You can use this block to set a color with [HSV (Hue saturation, value)](https://en.wikipedia.org/wiki/HSL_and_HSV):

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FS1Gj2EKybJA0FilI5WYm%2Fcolor-hsv.png?alt=media\&token=48711788-28de-4b2f-b8b1-07c155dbd39a)

## Set Hex Color

You can use a [Text](https://docs.thunkable.com/~/revisions/A81b2aVlSXGVVaRtdFDr/text) block to include a [hex value](https://htmlcolorcodes.com/) for your preferred color:

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MfCEZMxr7q_-k-HWBHc%2F-MfCF2co3XV69NhFIfIS%2FScreen%20Shot%202021-07-22%20at%209.05.35%20AM.png?alt=media\&token=c632f0f3-4a30-4b3a-bf0e-a7eece7c3074)

## Blend Colors

You can create a color by blending two together with a selected ratio of color 1 to color 2:

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FgOJ7OuuT0hD0PmbRzOD1%2Fcolor-blend.png?alt=media\&token=ceb76c2a-8403-4332-b0c0-92a5e397b6cb)

## Random Color

This block will return a random color (with an Alpha value of 100%):

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2F5rfoFx6IpeO6gdasprUL%2Fcolor-ran.png?alt=media\&token=832a7d71-abe3-4775-8f46-b18cffa5791e)