Free Color Converter — HEX, RGB, HSL
Pick a color or paste a value in any format — the others update instantly.
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
They are three ways of writing the same color. HEX (#0d9488) is compact and common in CSS and design tools. RGB expresses the red, green, and blue components from 0–255. HSL describes hue (0–360°), saturation, and lightness, which makes it the easiest format to adjust by hand — want it darker, lower the lightness.
Can I use 3-digit HEX codes?
Yes. Shorthand like #fa0 expands to #ffaa00 automatically. Both are valid CSS.
Which format should I use in CSS?
All three work in every modern browser, so it is a style preference. HSL is popular for design systems because related shades share the same hue number; HEX remains the most common in existing codebases.
Does this tool support transparency (alpha)?
This converter works with opaque colors. For transparency, append an alpha value in CSS yourself: #0d9488cc (HEX with alpha), rgba(13, 148, 136, 0.8), or hsla(174, 84%, 32%, 0.8).