Home › Tools › Colour Converter
Colour Converter
Convert a colour between HEX, RGB and HSL, see it rendered, and get a luminance reading that tells you whether dark or light text will sit legibly on top of it.
How to use it
- Type or paste a HEX colour, or an
rgb()value. - The swatch updates immediately, and all three notations appear below it.
- Copy the values you need.
Why it stays private
Colour values are rarely confidential, but this tool needs no network access at all, which means it keeps working offline — useful on a locked-down machine where an online converter may be blocked.
Questions
What is the difference between HEX, RGB and HSL?
They describe the same colour in different terms. HEX and RGB specify the red, green and blue channels directly. HSL describes it as a hue angle, a saturation percentage and a lightness percentage, which is usually easier when you want to reason about a colour rather than copy it.
What does the luminance value mean here?
It is a weighted average of the three channels reflecting how the human eye responds to them, on a scale from 0 for black to 1 for white. Above roughly 0.55, dark text on that background is usually more readable; below it, light text is.
Does this check accessibility contrast?
Not yet. The luminance figure is a useful guide, but WCAG contrast ratios are computed from relative luminance with a different formula. For a formal accessibility check, use a dedicated contrast tool.