Color Tools

Convert, generate and inspect colors.

Pick a color and convert between HEX, RGB, HSL, HWB, CMYK, LAB, LCH and OKLCH — 100% in your browser.

Generate complementary, analogous, triadic and monochromatic palettes from a base color — in your browser.

Check text/background contrast against WCAG AA and AAA — with a live preview, in your browser.

Build linear, radial and conic CSS gradients with a live preview — copy the CSS in one click.

Generate lighter tints and darker shades of any color as a swatch strip — copy any hex.