Color Converter
What the color converter does
It translates a single color between the three formats web and design work rely on: HEX (a hash followed by six hex digits, like #3b82f6), RGB (red, green, and blue from 0 to 255), and HSL (hue, saturation, and lightness). Type a value in any one and the other two are recalculated live, with a large swatch showing exactly what the color looks like.
When you would use each format
HEX is the most common in CSS and design tools and is compact to share. RGB maps directly to how screens emit color and is handy when you are adjusting channels individually or working with rgba() transparency. HSL is the most human-friendly for tweaking a color — nudge the hue to shift the shade, the saturation to make it more or less vivid, or the lightness to make it darker or brighter — which makes it ideal for building palettes.
Accuracy and privacy
Conversions use the standard formulas, rounding RGB channels to whole numbers and HSL to sensible precision so the values are clean and reversible. Everything is computed locally in your browser; no color data ever leaves your device.
Frequently asked questions
Which color formats does it support?
HEX (like #3b82f6), RGB (0–255 per channel), and HSL (hue, saturation, lightness). Edit any one and the other two update instantly, with a live preview swatch.
Does it work with 3-digit hex codes?
Yes — shorthand hex like #39f is expanded automatically to its full six-digit form.
Is anything uploaded?
No. All the conversion maths runs in your browser; no color values ever leave your device.