Tools.GamesLoop Logo
TOOLS.GAMESLOOP160+ Free Online Tools

Colour Converter

Convert between HEX, RGB, HSL, HSV and CMYK.

Colour Converter

Developer tool running locally in browser

Advertisement
Ad Space (auto) — Configurable via NEXT_PUBLIC_ADSENSE_CLIENT

What does Colour Converter do?

Enter a colour in any common notation and get every other format at once, with a live swatch, a contrast check against black and white, and generated tints and shades.

How to Use Colour Converter

  1. 1
    Enter a colourHEX, rgb(), hsl() or a CSS colour name.
  2. 2
    Read every formatAll notations update together.
  3. 3
    Copy what you needOne tap per format.

Key Features

  • Every format converted at once from any input notation
  • Named CSS colours accepted as input
  • Alpha channel supported in HEX, RGBA and HSLA
  • WCAG contrast ratio against black and white
  • Tints, shades and a full 50–950 scale generated from the colour

Frequently Asked Questions

How do I convert HEX to RGB?

Split the six digits into three pairs and read each as a hexadecimal number. #4F46E5 is 4F = 79, 46 = 70, E5 = 229, giving rgb(79, 70, 229).

What is HSL good for?

Adjusting colours predictably. Hue sets the colour, saturation its intensity, lightness how light or dark it is. Building a palette by varying lightness at a fixed hue is far easier in HSL than in HEX.

Is the CMYK conversion accurate for printing?

It is a straightforward mathematical conversion, which is fine for a rough idea. Real print work needs an ICC profile conversion for the specific press and paper, since CMYK cannot reproduce every RGB colour.

What is the difference between HSL and HSV?

They differ in the third component. HSL lightness runs from black through the pure colour at 50% to white at 100%. HSV value runs from black to the pure colour at 100% and never reaches white without dropping saturation.