Color Converter

Convert a colour between HEX, RGB, HSL and CSS formats.

Runs in your browser using Colour maths — nothing is uploaded

How to use it

  1. Type a colour in any format, or use the picker.
  2. Every other format updates immediately. Click a value to copy it.

Questions

When is HSL more useful than HEX?
When you are building a palette. HSL separates hue from saturation and lightness, so making a colour lighter or less saturated is one number rather than guesswork across three.
What does the fourth value mean?
Alpha — opacity from 0 (invisible) to 1 (solid). HEX supports it as a fourth pair of digits, giving eight in total.

Related tools