Color Converter
Convert between HEX, RGB, and HSL color formats. All conversions happen in real-time in your browser.
Preview
HEX
RGB
HSL
CSS Output
How to Use
1. Enter a color in any format — HEX, RGB, or HSL. All other fields update automatically as you type.
2. Preview the color in the large swatch on the left. The preview updates in real-time with every change.
3. Copy the CSS value you need using the Copy button on each format card, or use "Copy All" for all three CSS formats at once.
Supported formats: 3-digit and 6-digit HEX
(e.g. #FFF or
#5BA8E0), RGB values 0-255, and HSL
with hue 0-360, saturation and lightness 0-100%.