Color Converter
ConvertersConvert between HEX, RGB, and HSL color formats. Automatically detects input format and shows all conversions with a live color preview.
All processing happens locally in your browser — your data never leaves your machine.
Loading tool...
Examples
HEX to RGB and HSL
Input
#ff6b35Output
rgb(255, 107, 53) / hsl(16, 100%, 60%)RGB to HEX and HSL
Input
rgb(59, 130, 246)Output
#3b82f6 / hsl(217, 91%, 60%)HSL to HEX and RGB
Input
hsl(142, 71%, 45%)Output
#22c55e / rgb(34, 197, 94)Frequently Asked Questions
- What color formats does this converter support?
- This tool supports three widely used color formats: HEX (e.g., #ff6b35), RGB (e.g., rgb(255, 107, 53)), and HSL (e.g., hsl(16, 100%, 60%)). It automatically detects which format you enter and converts to the other two formats instantly.
- How do I convert a HEX color to RGB or HSL?
- Simply paste or type your HEX color code (with or without the # prefix) into the input field. The tool will automatically detect it as a HEX value and display the equivalent RGB and HSL representations along with the individual component values.
- What is the difference between RGB and HSL color models?
- RGB (Red, Green, Blue) defines colors by mixing red, green, and blue light with values from 0 to 255 for each channel. HSL (Hue, Saturation, Lightness) defines colors by hue angle (0-360 degrees), saturation percentage (0-100%), and lightness percentage (0-100%). HSL is often more intuitive for designers because you can easily adjust brightness or saturation without changing the base hue.