Convert any HEX color code to RGB, HSL, and CSS format instantly. Pick a color using the color picker, type a HEX value directly, or drag the RGB sliders — all formats update in real time. Copy any color value with one click. Works with 3-digit and 6-digit HEX codes.
All formats
Click the color swatch to open the native color picker, type a HEX code like #FF5733 directly into the field, or drag the R, G, B sliders to adjust each channel. All output formats (HEX, RGB, HSL, CSS variable) update instantly. Click Copy next to any format to copy it to your clipboard.
Frequently asked questions
How do I convert HEX to RGB?
A HEX color like #378ADD splits into three pairs: 37 (red), 8A (green), DD (blue). Each pair converts from hexadecimal to decimal: 37 → 55, 8A → 138, DD → 221. Result: rgb(55, 138, 221). This tool does the conversion instantly for any HEX value.
What is HSL and when should I use it?
HSL stands for Hue, Saturation, Lightness. It’s more intuitive than RGB for designers because you can adjust brightness and saturation independently without changing the base hue. HSL is widely supported in CSS and is ideal for creating color variations of a base color.
Can I use 3-digit HEX codes?
Yes. 3-digit HEX codes like #F0A are shorthand for #FF00AA — each digit is doubled. This tool accepts both formats and converts them automatically.