Color Picker

Whether you are matching a brand color, decoding a screenshot, or just chasing the perfect shade, the question is the same: what is this color, and what is its code? The picker lets you choose any color visually and read it back in every common format.

How to use it

1. Drag inside the saturation/brightness field and along the hue slider — or type a value directly.
2. Copy the color as HEX, RGB, HSL, HSV or CMYK with a single click.
3. Browse the tint and shade variations to find a lighter or darker relative.
4. Check the built-in harmonies for colors that pair well with your pick.
5. Use the contrast and color-blindness panels to confirm it is accessible.

Good to know

• HSB (a.k.a. HSV) is great for picking: change brightness without losing the hue you chose.
• Recently picked colors are kept in your history, so you can always step back.