Format conversion between HEX, RGB, HSL and OKLCH, palette generation, gradient building and WCAG contrast checking for accessible interfaces.
The tools
Ordered by how often they are used. Every one is free and runs in your browser.
Background
Colour work involves two separate problems: getting the same colour into whatever format your tool expects, and knowing whether the result is actually usable. These tools cover both.
Conversion is straightforward but tedious — designers hand over HEX, CSS increasingly prefers OKLCH, canvas wants RGB and older code expects HSL. Our converter shows every representation simultaneously, so you copy the one you need without a round trip through a second tool.
Accessibility is the harder half. Roughly one in twelve men has some form of colour vision deficiency, and low-contrast text fails far more people than that. The contrast checker gives you the WCAG 2.2 ratio and a clear pass or fail at both AA and AAA levels, at each relevant text size, so you can fix problems while they are still cheap to fix.
What people ask most about colour tools and how ours work.
Keep exploring
Groups of tools that people often need alongside these.
