Color tools
Colour tools
For the moment a colour value has to move between formats — a brand HEX a print supplier wants in CMYK, a design token that has to land in CSS, a gradient that needs to become code you can paste.
Every color tool
Which colour space to use when
HEX and RGB are what CSS and design files exchange. HSL makes “the same colour, lighter” a single-number edit. HSV is what most colour pickers are built on. CMYK is a print model, and its on-screen preview is an approximation rather than a proof — press output depends on profile and stock.
OKLCH is perceptually uniform, so a lightness ramp built in it stays even where an HSL ramp visibly does not.
Converting a value you already have
The converter takes a value in any supported space and returns the rest with a live swatch and copyable code, including alpha variants and CSS named colours.
Building a gradient you can paste
Linear, radial and conic gradients built visually, handing back real CSS — including the stop positions that are tedious to tune by hand.