Color Code Converter – HEX, RGB & HSL
Convert color codes between HEX, RGB, and HSL formats instantly. Use the color picker to pick a color or enter values manually.
R
G
B
rgb(59, 130, 246)
H°
S%
L%
hsl(217, 91%, 60%)
How to Use
- 1
Use the color picker or enter a HEX, RGB, or HSL value
- 2
All other formats update automatically as you change any value
- 3
Click Copy next to any format to copy it to clipboard
Frequently Asked Questions
What is a HEX color code?
A HEX color code is a 6-digit hexadecimal string (e.g. #FF5733) that represents a color in RGB format. The first two digits are red, the next two green, and the last two blue, each ranging from 00 to FF.
What is RGB color?
RGB stands for Red, Green, Blue. Each component is a number from 0 to 255. For example, rgb(255, 0, 0) is pure red. It is the native color model for screens and monitors.
What is HSL color?
HSL stands for Hue, Saturation, Lightness. Hue is the color angle (0–360°), saturation is the intensity (0–100%), and lightness is how light or dark the color is (0–100%). HSL is often more intuitive for designers than RGB.
Are HEX, RGB, and HSL equivalent?
Yes, all three represent the same colors in different notations. Any color expressible in one format can be converted to the others, though some rounding may occur during conversion.
Convert between colour formats
A colour code converter translates a colour between HEX, RGB, HSL and other formats. Enter a colour in one notation and instantly get the equivalent in the others, so you always have the format your tool needs.
It bridges the gap between design software, CSS and code that each prefer different notations.
When colour formats need converting
- Converting a HEX code to RGB or HSL for CSS.
- Matching colours across design and development tools.
- Understanding how a colour is built.
- To pick a colour visually use the colour picker or HEX colour picker.
Your colour values stay local
Conversions run in your browser and update as you type.