Online Color Picker
Pick a color and get HEX, RGB, HSL, HSV and CMYK instantly.
| HEX | #2563EB | |
| RGB | rgb(37, 99, 235) | |
| HSL | hsl(221, 83%, 53%) | |
| HSV | 221°, 84%, 92% | |
| CMYK | 84%, 58%, 0%, 8% |
Pick a color with the swatch or type a HEX code to get RGB, HSL, HSV and CMYK instantly. Everything runs in your browser.
Pick a color with the visual swatch or type a hex code to read every common format at once: HEX, RGB, HSL, HSV and CMYK. A live preview shows the exact color and each value copies with one click — handy for CSS, design tools, print work and brand palettes. Everything runs in your browser.
How to use the Color Picker
- Click the swatch to pick a color, or type a hex code.
- Read the HEX, RGB, HSL, HSV and CMYK values.
- Copy whichever format you need.
Frequently asked questions
What formats does the color picker output?
HEX, RGB, HSL, HSV and CMYK — all updated live from the same color, so you can grab whichever your tool or stylesheet expects.
Can I enter a hex code directly?
Yes. Type or paste a 3- or 6-digit hex code and the swatch and all other formats update instantly.
Is the CMYK value print-accurate?
It's a standard mathematical conversion. Exact print color also depends on your printer's ICC profile and paper, so treat CMYK here as a close starting point.