Tools
Color tools
Pickers, converters between every common color space, contrast checking, gradient generators, and a Tailwind-nearest lookup. All in-page, no data leaves your browser.
Color Picker
Pick a color, see hue / saturation / lightness ramps.
Color Converter
Paste any color, get hex / RGB / HSL / HWB / CMYK.
Color Mixer
Linearly interpolate between two colors (17 steps).
Color HEX
Build a hex color with RGB sliders.
Color HSL
HSL calculator (hue / saturation / lightness sliders).
Color HWB
HWB calculator (hue / whiteness / blackness sliders).
Color CMYK
CMYK calculator (subtractive print model).
Color RGB
RGB calculator with per-channel sliders.
Color Analyzer
WCAG contrast ratio + AA / AAA pass / fail.
Color Gradient
CSS linear-gradient generator, copy-paste ready.
Tailwind CSS colors
Find the nearest Tailwind class for any hex / picker color.