Color Picker

Pick a color from anywhere on screen and read its RGB, HEX, and HSL values, with contrast checks and palettes.

How to use Color Picker

  1. Use "Pick from screen" to sample any pixel, including other applications.
  2. Or open an image (or paste a screenshot) and click the pixel you want.
  3. Choose colors from the spectrum or palette and copy HEX, RGB, HSL, or HSV.
  4. Check WCAG contrast against white and black, plus shades and harmonies.

Frequently asked questions

Screen picking does nothing — why?

The EyeDropper API is available in desktop Chrome and Edge. On Safari, Firefox, or mobile, pick from an image instead.