Color Code Converter help

Turn a colour in one notation into the other two. Everything runs in your browser.

Steps

Type a colour into the text box, or click the swatch picker to choose one.
Read the HEX, RGB, and HSL forms below. Each updates as you type.
Press Copy on the one you need.

What it accepts

#abc, #aabbcc, and the 4- and 8-digit forms with alpha.
rgb(26, 95, 208) and rgba(26, 95, 208, 0.5), with numbers or percentages.
hsl(217, 78%, 46%) and hsla(...).

Limits

CSS colour names like rebeccapurple are not parsed.
An alpha below 1 is shown as an 8-digit hex and as rgba() / hsla().
To check whether a colour pair is readable, use the Color Contrast Checker. To lift colours from an image, use the Image Color Picker.

The conversion is done in JavaScript in the open tab. Nothing you enter is uploaded.

Back to Color Code Converter