Color Picker
Get HEX, RGB, HSL, HSB, CMYK values for any color.
Generating your palette…
Shades & tints
5 color formats
HEX, RGB, HSL, HSB, CMYK.
Visual canvas
Click anywhere to pick a color.
Shades & tints
10 auto-generated shades of any color.
One-click copy
Copy any format instantly.
Frequently asked questions
What is the difference between HSL and HSB?▼
HSL (Hue, Saturation, Lightness) is used in CSS. HSB (Hue, Saturation, Brightness) is used in design tools like Photoshop and Figma.
What is CMYK?▼
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used for print. Use it when preparing designs for physical printing.
How do I use the canvas picker?▼
Click anywhere on the colored square to pick a hue and saturation. Drag the hue bar to change the base color.
Can I enter a hex code directly?▼
Yes — type any valid hex code (with or without the #) in the input field and press Enter.