Color and Design Tools

Best text color (black or white) for a background hex color, with contrast ratios and WCAG AA/AAA results for both.

Lighten, darken, saturate, desaturate or rotate the hue of a hex color by an exact number of HSL points.

Simulate protanopia, deuteranopia and tritanopia on a color, or on a text/background pair with the contrast that remains.

Convert a hex color to RGB, HSL, HSV and CMYK with CSS strings and relative luminance, exactly.

Mix two hex colors at a ratio in sRGB or in linear light (physically correct), returning the blended hex.

Adjust a text color's lightness just enough to reach a WCAG contrast target (4.5, 3 or 7) on a background, keeping its hue.

Evenly spaced color steps between two hex colors, in sRGB or linear light, for charts, heatmaps and gradients.

Generate a color palette from a base hex color: complementary, analogous, triadic, tetradic, split-complementary or monochrome.