Color Converter
Convert colors between HEX, RGB, and HSL with a live preview
HEX, RGB and HSL
The same color can be written three ways: HEX (#rrggbb) as used in CSS and design tools, RGB as separate red/green/blue channels, and HSL (hue, saturation, lightness) which is easier to tweak by hand. This tool converts between all three locally in your browser. Accepts 3- or 6-digit HEX, with or without the #.
FAQ
Can I paste a shorthand like #abc?
Yes. Three-digit HEX is expanded automatically — #abc becomes #aabbcc.
What are the HSL ranges?
Hue is 0–360 degrees around the color wheel; saturation and lightness are 0–100 percent.
Why is the picker useful?
The native color picker lets you choose a color visually, then reads out its exact HEX, RGB, and HSL values for use in code.