Colour Converter
See one colour in every format.
Your colour
Any CSS colour or CMYK, for example #663399, rgb(102 51 153), oklch(44.03% 0.1603 303.37) or rebeccapurple
Your text stays on your deviceHow?
Your colour in each format
- HEX
- #663399
- RGB
- rgb(102 51 153)
- HSL
- hsl(270 50% 40%)
- HWB
- hwb(270 20% 40%)
- CMYK
- cmyk(33.33% 66.67% 0% 40%)
- LAB
- lab(32.39% 38.42 -47.69)
- LCH
- lch(32.39% 61.24 308.86)
- OKLCH
- oklch(44.03% 0.1603 303.37)
How to convert a colour
- Type or paste a colour in any CSS format, or CMYK, or pick one with the colour picker.
- Read the colour in HEX, RGB, HSL, HWB, CMYK, LAB, LCH and OKLCH.
- Press Copy next to the format you need.
Questions
Which formats can I type in?
Any CSS colour, such as
Why does it say my colour is outside sRGB?
Some OKLCH, LAB and display-p3 colours are brighter than sRGB, the range most screens show, can hold. LAB, LCH and OKLCH show them exactly; HEX, RGB, HSL, HWB and CMYK show the nearest colour inside sRGB.
Is the CMYK value right for printing?
It is a simple conversion with no colour profile, so it is a starting point. A printer's own profile can give different values.
Is anything I enter sent anywhere?
No. The conversion happens inside your browser.