Color Tools

Converters, palettes, contrast, gradients.

4 tools · all run in your browser

Color Converter
Paste any color in hex, rgb(), rgba(), or hsl() and get it in every other format instantly. Includes a live swatch and a native color picker.
Contrast Checker
Test any foreground/background color pair against WCAG 2.2 contrast rules. Shows the ratio, live preview, and pass/fail for normal text, large text, and UI components.
CSS Color Names
Browse all 147 CSS3 named colors. Look up a color name from a hex code, or find the closest named color to your custom hex.
CSS Gradient Generator
Design linear, radial, and conic CSS gradients with unlimited color stops. Live preview and copy the CSS. Share via URL.