Color Picker
Pick colors and copy HEX, RGB or HSL.
Pick from Image
Drop an image here
or click to browse - hover the image to magnify, click to pick a pixel
Picker
Values
Color Harmonies
Tints & Shades
Contrast Check (WCAG)
Color Blindness Simulation
A quick preview of how this color may appear to viewers with common types of color vision deficiency.
Saved Colors
Recent Colors
How to use
- Use the wheel and slider to dial in a color, or paste a hex or RGB value.
- Drop an image to eyedrop colors directly from the pixels.
- Toggle between hex, RGB, HSL, HWB, and OKLCH representations.
- Pin colors you like to the swatch tray for easy comparison.
- Copy any code with one tap and paste it into your design tool.
Frequently asked questions
What is OKLCH and should I care?
OKLCH is a perceptually uniform color space. Changing the lightness component produces a visually linear change, which makes it ideal for accessible palettes and dark-mode systems. It is supported in all current major browsers.
Can I eyedrop a pixel from outside the browser window?
Yes if your browser supports the EyeDropper API (Chromium-based browsers and Safari Technology Preview). Otherwise, drop your image into the page and eyedrop from inside.
Does this work in dark mode?
Yes. The picker adapts to your site theme and the chosen color is shown over both light and dark backgrounds so you can preview contrast.
Are my pinned colors saved?
Yes. Pinned swatches persist in your browser's local storage on this device only. Clearing site data resets the tray.
Advertisement