Color picker
Find a color online with an eyedropper
Pick HEX from a photo or the screen and copy the code. Contrast against white and black sits next to it.
Loading
What the picker can do
- HEX (3/4/6/8), RGB, HSL and OKLCH
- CSS names such as tomato
- Pick a color from a photo
- Screen eyedropper in Chromium
- Contrast against white and pure black
- WCAG AA / AAA grades
- Alpha channel and a row of shades
- Copy the code
How to pick a color
Choose a color
Use the picker, HEX, a CSS name, a photo, or the screen eyedropper. You can drag a finger across the HSV square.
Check channels
RGB, HSL, OKLCH and alpha update together.
Check contrast
AA is 4.5:1 for normal text. The On black card is measured against #000000.
Copy
HEX, rgb(), hsl() or oklch().
FAQ
Eyedropper will not open?
EyeDropper is in Chrome and Edge. Load a photo or use the picker instead.
What is AA?
The WCAG minimum for normal text: 4.5:1 contrast.
Is there CMYK?
No. This is screen RGB, not offset print.
Do #rrggbbaa and tomato work?
Yes. Short HEX, HEX8 and CSS names parse in the same field.
Is the color sent anywhere?
No. Photos stay in the browser.