Color Picker
Pick a color and get its HEX, RGB, HSL, HSV and CMYK values, or type a value in any format to convert it. The nearest named color is shown too. Copy any value with one click, and browse about 800 named colors sorted by how close they are to your color.
What is the Color Picker?
The Color Picker shows one color in five formats at once: HEX, RGB, CMYK, HSV and HSL. Choose a color visually, or type a value in any field and the others are converted instantly. The whole tool area is filled with the selected color, so you can judge it at a glance.
How to use
- Click anywhere in the colored area to open your browser's color picker, and choose a color.
- Or type a value into the HEX, RGB, CMYK, HSV or HSL field. The other fields update as soon as the value is valid; otherwise an error explains the expected format.
- Click the copy icon in a field to copy its value.
- Nearest color shows the closest named color. Click the ⋮ button next to it to see a list of named colors sorted by similarity.
- Turn on Show helper text to see the expected format under each field.
Color formats
| Format | Input | Red | Dodger blue |
|---|---|---|---|
| HEX | #RRGGBB or #RGB | #ff0000 | #1e90ff |
| RGB | R, G, B (0–255) | 255, 0, 0 | 30, 144, 255 |
| CMYK | C, M, Y, K (%) | 0, 100, 100, 0 | 88, 44, 0, 0 |
| HSV | H (°), S (%), V (%) | 0, 100, 100 | 210, 88, 100 |
| HSL | H (°), S (%), L (%) | 0, 100, 50 | 210, 100, 56 |
Values are written as comma-separated numbers without units, as in the table.
Features
- Two-way conversion between HEX, RGB, CMYK, HSV and HSL
- Input validation with clear error messages (for example, "G must be between 0 and 255.")
- One-click copy for every format
- Nearest named color and a list of about 800 named colors ordered by RGB distance
- The last color is remembered in this browser
FAQ
Can I pick a color from my screen?
The tool opens your browser's own color picker. In some browsers, such as Chrome and Edge on desktop, it includes an eyedropper that can pick colors from the screen; in others it does not.
Is the CMYK value accurate for printing?
It is a simple mathematical conversion from RGB, without a color profile. Use it as a starting point, and check colors for print with your printer's profile.
What is the difference between HSV and HSL?
Both describe hue and saturation. In HSV, 100% value is the brightest version of the color; in HSL, 50% lightness is the pure color and 100% is always white.