Color Converter
Convert colors between HEX, RGB and HSL with a live preview.
🔒 100% browser-based — your data never leaves your device.
About this tool
Convert any color between the three notations used in CSS and design tools: HEX (#3b82f6), RGB (rgb(59, 130, 246)) and HSL (hsl(217, 91%, 60%)). Use the visual picker or type a HEX value — all formats plus a preview swatch update in real time, and each value copies with one click.
HSL is often the most useful for design tweaks: keep hue fixed and adjust lightness for hover states, or shift hue while keeping saturation for palette variants.
Frequently asked questions
What is the difference between HEX and RGB?
None in the color itself — HEX is just RGB written in hexadecimal. #ff0000 and rgb(255, 0, 0) are the same red.
When should I use HSL?
When you want intuitive control: H rotates around the color wheel, S is intensity, L is brightness. Making a color "a bit darker" is a single L change in HSL.
Does it support 3-digit HEX codes?
Yes. Short codes like #f80 expand each digit: #f80 equals #ff8800.