Select color

The Select color dialog box allows selecting colors in several color spaces. Different color spaces have similar but different controls.

  • The settings in the dialog may vary when selecting a color for different types of items, such as materials, layers, or interface appearances.

Color List

A list of colors with names.

  • The color list will not display when the dialog is not wide enough.
Color space drop-down menu

Allows to change the dialog in different color spaces and modes, including:

HSV Color Wheel/Slider

Select a color with Hue, Saturation, and V (brightness) values.

HSL Color Wheel/Slider

Select a color with Hue, Saturation, and Lightness values.

CMYK Color Wheel/Slider

Select a color with Cyan, Magenta, Yellow, Key (black) values.

RGB Sliders

Select a color with Red, Green, and Blue values.

Custom Color List

Select a color from the named color list.

  • Press Ctrl(CMD)+1 ~ 8 (above letter keys) to quickly switch color spaces.

Gear icon

Click the gear icon to change the slider range between 0-1 and 0-100.

Eyedropper

Use the eyedropper to pick a color from any position on the screen.

To pick a color on the screen

  1. Click and hold the eyedropper icon.

  2. Drag mouse to move the magnifier anywhere on the screen.

  3. Release the mouse button to pick the color of a pixel.

Indicators

The indicators on the wheel or in the rectangle can be moved to change the color.

Sliders of current color space

In the wheel modes, you can also change the color with sliders.

RGB sliders

RGB sliders are included in every wheel color mode. These sliders control the intensity of Red, Green, and Blue color components.

Hex

A three-byte hexadecimal number usually used to describe colors in HTML or CSS.

Each byte uses 00-FF to represent 0-255 of a RGB color component.

Opacity slider

Move the slider to change the alpha value of all colors.

Color preview

The original color (left) and the new color (right).

To save a color

  1. Click and hold the new color.

  2. Drag and drop the color onto the Color palette.

Color palette

When a color is used, the color is automatically added to the color palette. Click a color swatch to select the color. Double-click selects the color and closes the dialog.

  • The color palette does not store the alpha value.

  • Hover the mouse cursor over a color swatch to show the information of the color.