What formats does the RGB field accept?

Comma-separated numbers 0–255, e.g. “47, 230, 217”. rgb()/rgba() wrappers are fine too if you paste them in.

Does the HSL field need the % signs?

Yes, for saturation and lightness — e.g. “174, 74%, 54%” — since that matches how HSL is written in CSS.

Can I convert 3-digit HEX shorthand like #2ec?

Yes, shorthand hex is expanded automatically.

Does this store or send my colors anywhere?

No — conversion happens locally in your browser with no network requests.

Color Converter

← All tools

Type a color into the HEX, RGB or HSL field and the other two rewrite themselves immediately — useful when a designer hands you a HEX and your CSS variables want HSL, or the other way around.

HEX

RGB (r, g, b)

HSL (h, s%, l%)

How to use the Color Converter

Type or paste a value into any of the three fields — HEX like #2fe6d9, RGB like 47, 230, 217, or HSL like 174, 74%, 54%.
The other two fields and the preview swatch update as you type.
If a field's text turns red, the value couldn't be parsed — check for stray characters or missing # / % symbols.
Copy whichever format you need straight from its field.

FAQ

What formats does the RGB field accept?: Comma-separated numbers 0–255, e.g. “47, 230, 217”. rgb()/rgba() wrappers are fine too if you paste them in.
Does the HSL field need the % signs?: Yes, for saturation and lightness — e.g. “174, 74%, 54%” — since that matches how HSL is written in CSS.
Can I convert 3-digit HEX shorthand like #2ec?: Yes, shorthand hex is expanded automatically.
Does this store or send my colors anywhere?: No — conversion happens locally in your browser with no network requests.

Color Converter

How to use the Color Converter

FAQ

Related tools