Color Tools

Picker, palette generator, contrast checker & gradient builder — HEX, RGB, HSL, HSV, OKLCH

Hue0°

Opacity100%

Color Formats (click to copy)

Harmonies

Complementary

Analogous

Triadic

Base Color

or use color from Picker tab

Foreground (text)

Hue270°

Saturation68%

Lightness57%

Background

Hue0°

Saturation0%

Lightness100%

Preview

Large Text (18pt+)

Normal text — The quick brown fox jumps over the lazy dog.

Small UI text — buttons, labels, captions, tooltips

WCAG Scores

Gradient Preview

Type

Angle 135°

Color Stops (click to select, then use hue/sat/lit sliders below)

Stop Hue135°

Stop Saturation70%

Stop Lightness55%

CSS Output

Preset Galleries