AutoColorPickerHEX Color Picker
Choose a colour, or type a HEX code, and copy it as HEX, RGB, HSL or CMYK.
- 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.
How HEX colour codes work
A HEX code such as #D81B60 is three pairs of hexadecimal digits: red (D8), green (1B) and blue (60). Each pair runs from 00 to FF, which is 0 to 255 in decimal, so #000000 is black and #FFFFFF is white.
A three-digit code like #F06 is shorthand: each digit is doubled, giving #FF0066. HEX is the most common way to write colours in CSS, HTML and design tools such as Figma.
Questions
How do I find the HEX code of a colour on a website?
Install the free AutoColorPicker Chrome extension, click Pick a color and click anywhere on the page. The HEX code is copied to your clipboard.
Is HEX the same as RGB?
They describe the same colours. HEX writes the red, green and blue values in base 16, while RGB writes them as decimal numbers from 0 to 255.
Are HEX codes case sensitive?
No. #d81b60 and #D81B60 are the same colour.
Pick colours straight from any website
The free AutoColorPicker extension reads the HEX and RGB of any pixel on a page in one click.