Every field below is editable — type or paste a value in any space and press Enter. Values marked clamped fall outside that space's gamut and are shown gamut-clipped.
Colors from a photo
Upload an image to pull its overall palette, or click anywhere on it to grab that exact pixel. Any color you pick flows into the converter, harmonies and tint/shade studio below. Images are processed entirely in your browser — nothing is uploaded.
Click a swatch to load it. It becomes the active color everywhere below.
Color wheel harmonies
Relationships are computed in OKLCH, so equal hue rotations produce perceptually even steps — the modern equivalent of classical color wheel theory. Click any chip to copy its hex and open a full detail card: every color space, ten shades and tints, and every harmony for that specific color.
OKLCH hue wheel · markers = active harmony hues