Color Studio

One color in, every format out, plus a tint and shade ramp, the usual harmonies, and a contrast check against white and black.

Color

Pick

HEX

Or paste any CSS color

Alpha 100%

Formats

Tap any value to copy it.

Contrast

Against

Normal body text at 16 pixels.

Large text

Tints and shades

Lightness from 95% down to 5%. Tap a step to make it the current color.

Harmonies