InputTestHub

Colour Code Converter

Converts colours between HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB and named CSS colours.

Colour & Design Nothing uploaded No sign-up Free, unlimited
Colour & Design tool
Pick a colour to see every value.
In short HEX, RGB, HSL, HSV, CMYK and LAB all describe the same colour, and the reason there are six of them is that each one is easy to reason about for a different job. HEX and RGB are storage formats — compact and exact, and almost impossible to adjust in your head. HSL is the one to think in: hue, saturation and lightness are three dials you can turn independently, so lightening a colour means changing one number instead of guessing at three. CMYK is for print and is the only conversion here that loses something real, because ink covers a smaller range of colours than a screen does. LAB is the odd one out and the most useful of the lot for a specific question: it is built so that equal numerical distances look like equal visual differences, which is why it is what tools use to find the nearest named colour or the closest match in a palette. Convert freely between them, but pick the space that matches the decision you are making. The commonest mistake is editing HEX values by hand — nudging 3a7bd5 towards a lighter blue is guesswork, while raising HSL lightness from 53% to 65% is not.

How to use the Colour Code Converter

  1. Pick a colour with the picker or paste a HEX, RGB or HSL value.
  2. Every other format and the generated variations update instantly.
  3. Click any value or swatch to copy it.

About the Colour Code Converter

The Colour Code Converter converts colours between HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB and named CSS colours. It runs as plain JavaScript inside the page, which means there is no upload step, no queue and no size limit imposed by a server — the only limit is your own device.

What people use it for

  • Converting a brand HEX into CMYK for print.
  • Getting an HSL value so you can adjust lightness.
  • Finding the nearest named CSS colour.

Frequently asked questions

Are there any usage caps on the Colour Code Converter?
No charge and no sign-up. There is no free tier to run out of because there is no paid tier — inputtesthub.com is funded by advertising rather than by metering the page.
Can you see what I put into this page?
No. The Colour Code Converter runs entirely in your browser using JavaScript. Because the work happens locally, the page also keeps working if your connection drops, and closing the tab is all it takes to discard everything.
When would I actually need the Colour Code Converter?
In practice it gets used for three things: converting a brand HEX into CMYK for print. Getting an HSL value so you can adjust lightness. Finding the nearest named CSS colour. It is built for exactly those cases rather than being a general-purpose tool with this bolted on.
Can I use the Colour Code Converter on mobile?
Yes. The page is responsive and the page works in Chrome, Safari, Firefox, Edge and Samsung Internet on both Android and iOS. There is no app to install and nothing to sign into.

Related colour & design tools

All 33
01

Colour Picker

Picks any colour and shows its HEX, RGB, HSL, HSV, CMYK and LAB values, plus tints, shades and…

02

HEX to RGB Converter

Converts HEX colour codes to RGB and RGBA values, handling 3, 4, 6 and 8 digit hex.

03

RGB to HEX Converter

Converts RGB and RGBA values into HEX colour codes, including 8-digit hex with alpha.

04

HSL Colour Converter

Converts between HSL, HEX and RGB, so you can adjust lightness and saturation predictably.

05

CMYK Colour Converter

Converts between CMYK and RGB or HEX for print work, with a note on gamut differences.

08

Colour Contrast Checker

Calculates WCAG contrast ratio between two colours and reports AA and AAA pass or fail for…

10

Tailwind Colour Converter

Finds the nearest Tailwind colour class for any hex value, and shows the hex for any Tailwind…