Tool · Color picker

Color picker with hex, RGB, HSL, and CMYK.

Pick a color visually, refine hue and saturation, then copy exact hex, RGB, HSL, and CMYK values.

Picking color, briefly.

Hex is best when you need a compact web color value for CSS, tokens, or design handoff.

RGB is useful when you are working with screen channels, alpha overlays, or JavaScript color manipulation.

HSL makes color adjustment easier because hue, saturation, and lightness can be tuned independently.

Frequently asked questions.

Can I copy hex, RGB, HSL, and CMYK values?
Yes. The picker shows each selected color in hex, RGB, HSL, and CMYK formats.
Are recent colors saved?
Recent colors are saved locally in your browser so you can return to them without creating an account.
Can I fine-tune hue and saturation?
Yes. Use the hue strip and color field to adjust hue, saturation, and brightness precisely.

How to pick a color.

  1. Step 1

    Choose a hue

    Drag the hue control to find the color family.

  2. Step 2

    Refine the color

    Use the picker field to adjust saturation and brightness.

  3. Step 3

    Copy the value

    Copy the hex, RGB, HSL, or CMYK notation you need.