Practical example
- Input
Format: HEX Value: #336699- Result
{ "HEX": "#336699", "RGB": "51, 102, 153", "HSL": "210, 50, 40", "CMYK": "66.67, 33.33, 0, 40" }
Convert between HEX, RGB, HSL and CMYK. Preview the color, copy the values and download all four color representations.
Enter the data and run the tool.
We count which tools are used most, without including entered values or file contents in the statistics. Privacy
RGB: integers 0–255; HSL: 0–360 degrees and 0–100 percent; CMYK: 0–100 percent. Mathematical CMYK conversion without a print ICC profile.
#FF0000 → RGB 255, 0, 0; HSL 0, 100, 50; CMYK 0, 100, 100, 0
Format: HEX
Value: #336699{
"HEX": "#336699",
"RGB": "51, 102, 153",
"HSL": "210, 50, 40",
"CMYK": "66.67, 33.33, 0, 40"
}Colors that look different can still produce hard-to-read text. Measure the actual foreground-background pair, then consider text size, background conditions and interface states.
Follow the steps