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.

Screen color picker

Screen color picking is not supported in this browser.

Image color picker

Choose an image, then click a pixel to sample its color. You can also drag an image into this area.

Picked color

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

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.

How to use

Choose a color using the color area, sliders, or input field. You can also open the eyedropper or a local image. Copy the HEX, RGB, HSL, HSV, CMYK, OKLCH, or alpha value.