Color Code Converter — HEX, RGB, HSL, CSS
Convert between HEX, RGB, HSL, and CSS color formats. Enter any color code and see all equivalent values at once. Free online tool.
Enter a color in any format — HEX (#FF5733), RGB (255, 87, 51), HSL (11, 100%, 60%), or a CSS named color — and instantly see all equivalent codes. Copy any format with one click for use in your designs or code.
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)CSS
#3b82f6🔒100% Private — Your files never leave your device. All processing runs locally in your browser.
How It Works
Click the color swatch to open the visual picker, or type HEX/RGB values directly. The tool instantly converts between HEX, RGB, and HSL formats.
All three color formats update in real time as you pick or type. Copy any format with one click for use in CSS, design tools, or any application that accepts color values.
Features
- ✓Visual color picker
- ✓HEX, RGB, HSL conversion
- ✓Direct RGB channel input
- ✓One-click copy for each format
- ✓Live preview swatch
Frequently Asked Questions
HEX (3 and 6 digit), RGB, HSL, and CSS named colors. All conversions happen instantly as you type.