The color picker allows you to choose a different color for a layout property.
Components of the color picker are described in the following table:
|
Component |
Description |
|---|---|
|
A |
Swatches Panel Swatches are predefined colors you can choose from. Recently selected colors are displayed at the bottom of the panel. When you click a swatch, the new color is applied, and the color picker closes automatically. |
|
B |
Saturation & Lightness Panel This panel allows you to adjust the saturation and lightness of the selected color. |
|
C |
Hue Slider This slider allows you to adjust the hue of the selected color. |
|
D |
Transparency Slider This slider allows you to adjust the transparency of the selected color. |
|
E |
Color Preview This box allows you to compare the property's current color with the new color you selected. The new color's RGB values are displayed in the rgb box to the right. |
|
F |
rgba Box To enter a specific RGBA value, type it in the rgba text box below the transparency slider, and press TAB. Use the following format, where R, G, B, and A are the values you enter for the red, green, blue, and transparency properties of a color. For R, G, and B, enter a value between 0-255, and for A enter a value between 0.0 and 1.0. |