Color Design Suite

Picker, palette, gradient & contrast checker -- all interconnected, all client-side.

Color Picker

HEX

Hue (0-360)

Saturation (0-100%)

71%

Lightness (0-100%)

47%

Auto-generated from picked color. Click swatch to copy HEX.

Angle90deg

Color Stops

Preview

CSS Output (click to copy)

Foreground

Background

The quick brown fox jumps over the lazy dog.
Large text sample (18px+)