Developer Toolbox
Docs

Pick a colour

#245BD7
0°
0%
0%
100%

Formats

Tap or click any value to copy it. CMYK is the usual arithmetic conversion, not a press profile.

Tints and shades

A 50–900 ramp built in OKLCH, so the steps stay evenly spaced by lightness. Tap or click one to use it; press and hold it (or Shift-click) to copy it.

Harmonies

Hue rotations of the current colour, keeping saturation and lightness.

Contrast

WCAG 2 contrast of the current colour as text on the colour below it. A translucent colour is composited first.

1:1

Large text, 24px

Body text at 13px, which is what most of an interface is made of.

Pick from an image

Drop or choose a screenshot or photo, then tap or click any pixel to take its colour.

Drop an image here or choose onePNG, JPEG, WebP, GIF or SVG.

Recent

Tap or click one to use it; press and hold it (or Shift-click) to copy it.

Colours you pick will collect here.