Color Picker

Pick colors from your screen or images. Sample pixels and copy HEX, RGB, HSL, HSV, and CMYK values instantly.

Screen Color Picker
Use the browser eyedropper to sample any pixel on your screen.
Image Color Picker
Upload an image and click to sample a pixel. You can also drag a file to upload.
Picked Color
Pick colors from your screen or images. Sample pixels and copy HEX, RGB, HSL, HSV, and CMYK values instantly.
Enable Alpha

Color Picker

Source: Not picked yet

HEX
#3498DBFF
RGBA
rgba(52, 152, 219, 1)
HSLA
hsla(204, 70%, 53%, 1)
HSVA
hsva(204, 76%, 86%, 1)
CMYK
cmyk(76%, 31%, 0%, 14%)
Alpha
100%

What this tool does

Pick colors from your screen or images. Sample pixels and copy HEX, RGB, HSL, HSV, and CMYK values instantly.

Picking tips

  • Use screen picking when your browser supports EyeDropper and you want a color from another app, tab, or design reference.
  • Use image picking when you need to sample an exact pixel from a screenshot, logo, product photo, or UI mockup.

Output notes

  • Enable alpha when you need transparent formats such as #RRGGBBAA, rgba(...), hsla(...), or hsva(...).
  • HEX and RGB are usually the most convenient formats for web work, while CMYK is useful for print-oriented handoff.