Color Picker
Find your color. Make it work.
Convert a color, pick one from an image, or check how two colors read together.
Choose a color
Screen picking appears in browsers that support it. You can always sample an image below.
Recent colors
Copy a color format
HEX uses 8-bit alpha. Other formats keep more alpha precision. HSL, HWB and OKLCH are calculated from the selected 8-bit sRGB color and rounded for display.
Pick a pixel
Still PNG, JPG or WebP · up to 8 MB and 16 megapixels. Images are never uploaded.
Drop an image here, or choose one above.
Click or tap the image. For precision, enter coordinates or focus the image and use arrow keys, then Enter. Samples use the original decoded pixels, not the smaller display preview.
Sampled color
Choose an image to start.
Image palette
Approximate common colors from a bounded sample. Fully transparent pixels are ignored.
Compare text and background
Enter HEX, RGB or HSL. Transparent text is composited onto the background. The background must be fully opaque.
Contrast ratio
Pass/fail uses the unrounded ratio.
Text contrast results
The quick brown fox — normal text
Readable at a glance
| Text size | AA | AAA |
|---|---|---|
| Normal text | — | — |
| Large text | — | — |
Large text means at least 24 CSS px regular or approximately 18.67 CSS px bold. This checks color contrast, not your site's overall accessibility. Read the WCAG guidance.
Image colors reflect your browser's decoded sRGB pixels. Color profiles, lossy compression and partially transparent edges can affect samples. Recent colors last only while this page is open.