Color Lab

Pick a color.
Learn what's really happening.

A hands-on tool for understanding how digital color works — drag to explore, watch the numbers move together, and see how one hue relates to the colors around it.

Pick a color

Drag inside the square, then slide the rainbow bar to change hue.

Bright Yellow Nearest: Yellow

The same color, five ways

Search a color name or code — or type into any field below.

HEX

RGB

HSL

HSV

CMYK

What do these mean?

HEX — how browsers and CSS store color, base-16 shorthand for RGB.

RGB — how screens make color, by mixing red, green and blue light.

HSL — Hue, Saturation, Lightness. Built for humans: easy to make a color "lighter" or "more muted."

HSV — Hue, Saturation, Value. What most color pickers use — Value is closer to "how bright is the light source."

CMYK — Cyan, Magenta, Yellow, Key (black). How printers mix ink instead of light.

Shades

From white (100%) to black (0%) — tap any row to copy its hex.

Find a color from an image

Upload an image, then click anywhere to pick a color.

Drop an image here or click to browse

JPG, PNG, WebP — up to 20MB

#000000

🎨 Colors from this image

Mix two colors

Blend your current color with a second one to see every step in between.

tap to change

Hover to see the hex, click to copy. The dot marks your current color.