Color picker
Pick a color by eye or by number and get it in every format: HEX, RGB, HSL, HSV, OKLCH and CMYK.
Nearest CSS name: darkcyan (#008B8B) · on white 4.11:1 · on black 5.09:1
Shades of this color
Complementary & triadic
Which color format should I use?
HEX (#0F8B8D) is compact and universal in design tools. RGB expresses the same sRGB color as three 0–255 channels and adds alpha easily. HSL is handy for quick lighter/darker tweaks. OKLCH is the modern CSS choice: perceptually even, and able to describe wide-gamut Display P3 colors. CMYK here is a naive conversion for reference only — real print work needs an ICC profile from your printer.
Need conversions only? Use the HEX to RGB, RGB to HEX or HEX to OKLCH converters.
Frequently asked questions
How do I use this color picker?
Drag the lightness, chroma and hue sliders, use your system picker, or paste any color (hex, rgb(), hsl(), oklch() or a CSS name). All formats update together; click a value to copy it.
What is an OKLCH color picker?
It picks colors by perceived lightness (L), chroma (C, colourfulness) and hue (H). Unlike HSL, moving the hue keeps the lightness looking the same, which makes consistent palettes easy.
Can I pick a color from my screen?
In Chrome and Edge the “Pick from screen” button uses the EyeDropper API to sample any pixel on your screen. Safari and Firefox do not support it yet; there you can use the system picker or upload a screenshot to the image color picker.