Color Picker
Choose a colour visually and read it in every format you need. Drag the channel sliders for fine control, then copy the value straight into your design or stylesheet.
#0F766E
Colour values
HEX
#0F766E
RGB
rgb(15, 118, 110)
HSL
hsl(175, 77%, 26%)
CMYK
cmyk(87%, 0%, 7%, 54%)
How to Use the Color Picker
- 1
Pick a colour from the swatch or the colour field.
- 2
Fine-tune the red, green and blue sliders.
- 3
Read the HEX, RGB, HSL and CMYK values.
- 4
Copy the format you need.
Color Picker Features
Four formats
HEX, RGB, HSL and CMYK, always in sync.
Channel sliders
Nudge one channel at a time for exact shades.
Quick swatches
Start from a set of clean, usable base colours.
Runs in your browser
Nothing is uploaded to a server, so your content stays on your device.
Free and unlimited
No account, no watermark and no daily limit.
Works on mobile
Large tap targets and layouts that fit a phone screen.