Color Converter — HEX, RGB, HSL
Convert colors between HEX, RGB, and HSL with a live preview and picker. Perfect for designers and developers — free and 100% client-side.
How to convert colors
Type a color as #hex, rgb(), or hsl(), and it converts live to all formats as you type. Or use the color picker to choose visually.
Copy any representation with one click — great for moving between CSS hex, design-tool RGB, and HSL adjustments.
- Type a HEX, RGB, or HSL color
- Or pick a color visually
- Copy the format you need
Why convert color formats?
Different tools use different formats — CSS prefers hex, design tools often use HSL, and APIs may want RGB. Converting accurately avoids mistakes.
Frequently Asked Questions
How do I convert hex to rgb?
Type a hex value like #4f46e5 and the RGB representation appears instantly.
What is HSL used for?
HSL (hue, saturation, lightness) makes it intuitive to adjust a color's brightness or intensity, like in design tools.
Is it private?
Yes — conversion happens entirely in your browser.