Colour Converter
One colour in every notation — HEX, RGB, HSL and OKLCH, with alpha carried through.
HEX with three, six or eight digits, or an rgb(), hsl() or oklch() value.
Result
Good to know
- OKLCH is the one worth knowing: its lightness matches what the eye sees, so two colours with the same L really do look equally bright — which is not true of HSL.
- The output matches what the browser's own colour engine produces, in both directions, so what you copy is what the browser would have produced.
- Alpha survives the trip: eight-digit HEX, a fourth rgb() value and the slash form all work, and every output carries it back.
- Everything happens in your browser. Nothing you type is sent to the server or stored anywhere.
42 views