AutoColorPickerColor Code Converter
Paste a HEX, RGB or HSL code and copy the same colour in every other format.
- HEX
- #D81B60
- RGB
- rgb(216, 27, 96)
- HSL
- hsl(338, 78%, 48%)
- CMYK
- cmyk(0%, 88%, 56%, 15%)
White text on it: 4.95:1, passes WCAG AA. Black text on it: 4.25:1, passes WCAG AA for large text only.
Which format should I use?
- HEX (#D81B60): the usual choice in CSS, HTML and design files.
- RGB (rgb(216, 27, 96)): handy when you need to set transparency or work with code that expects numbers.
- HSL (hsl(338, 78%, 48%)): hue, saturation and lightness, which makes lighter and darker shades easy to build.
- CMYK: an approximation for print. Ask your printer for an exact profile before final artwork.
Questions
Which colour formats can I paste?
HEX with or without the #, including three-digit shorthand, rgb() or plain comma-separated numbers, and hsl() values.
Is the CMYK value exact?
No. CMYK depends on the printer, ink and paper, so the value here is a simple conversion for a starting point.
Can I convert a colour I see on a website?
Yes. Pick it with the free AutoColorPicker Chrome extension, then paste the code here, or copy it straight from the extension in HEX or RGB.
Pick colours straight from any website
The free AutoColorPicker extension reads the HEX and RGB of any pixel on a page in one click.