Contact

Tools  /  Colour  /  Colour Converter

COLOUR

Colour Converter

HEX, RGB and HSL, converted in every direction.

More Colour tools

HEX → RGB RGB → HSL

What this tool does

Converts one colour into six formats at once — HEX, RGB, HSL, HSV, CMYK, and HWB — updating live as the colour changes from any input method, alongside a full set of related colour tools most converters leave out: contrast checking, colour-blindness simulation, and a tint/shade palette.

Picking a colour

Type any format directly (hex, rgb(), hsl(), a bare CSS colour name like coral), drag on the colour wheel and saturation/ value box, or use the browser's screen eyedropper to pick a colour from anywhere on the page — all update the same underlying colour and every output format together.

Nearest CSS colour name and complementary swap

The closest named CSS colour is identified for any picked colour, exact or nearest, and the complementary colour (180° around the colour wheel) is shown alongside the selected one with a one-click swap between them.

Tint/shade palette and colour-blindness preview

A 5-step tint-to-shade palette is generated from the current hue, and the colour is simulated under protanopia, deuteranopia, and tritanopia — the three common forms of colour blindness — so a colour choice can be checked for how it actually reads to colour-blind viewers, not just assumed accessible.

WCAG contrast built in

The contrast ratio against both pure black and pure white text is calculated and graded against the real WCAG AA/AAA thresholds, so a background colour's text-contrast suitability is visible immediately rather than needing a separate contrast checker.

Recent colours

Every colour picked is saved to a recent-colours history (persisted locally) for quick reuse across a session.

Privacy

Everything runs locally in your browser -- nothing you pick or type is sent to a server.

FAQ

Frequently asked questions

Is my data uploaded anywhere?
No. Every conversion and calculation runs entirely in the browser -- nothing is sent to a server.
What colour formats can I convert between?
HEX, RGB, HSL, HSV, CMYK, and HWB -- all six update together the moment the colour changes, regardless of which input method was used to set it.
Can I pick a colour from anywhere on my screen, not just type it in?
Yes, in browsers that support it -- the eyedropper button opens the browser's own screen colour picker, letting a colour be sampled from any pixel on the page.
How does the colour-blindness preview work?
The current colour is run through simulation matrices for protanopia, deuteranopia, and tritanopia -- the three common forms of colour blindness -- showing how it actually appears to someone with each condition.
Does it check contrast for accessibility?
Yes -- the contrast ratio against both black and white text is calculated and graded against the real WCAG AA/AAA thresholds, built directly into the converter rather than needing a separate tool.
What is the tint/shade palette for?
It generates a 5-step range from a lighter tint to a darker shade of the current hue, useful for building a colour scale around a single brand colour.
Theme Accent