Color Converter
Enter a color once and get consistent HEX, RGB, and HSL values for design, CSS, image, or documentation work.
A QUICK WALKTHROUGH
How to use this tool
- Enter a supported HEX, RGB, or HSL color.
- Convert it and inspect the normalized color preview.
- Copy the complete list of HEX, HEXA, RGB, RGBA, HSL, and HSLA values.
Supported CSS color forms
Use #RGB, #RGBA, #RRGGBB, or #RRGGBBAA; legacy comma-separated rgb(), rgba(), hsl(), and hsla(); or modern space-separated RGB/HSL with an optional slash alpha. RGB channels may be 0–255 numbers or percentages. Hue accepts degrees, turns, radians, or gradians.
Defined ranges and rounding
Out-of-range channels are rejected rather than silently clamped. RGB output uses nearest whole 8-bit channels. HSL output uses at most one decimal place, and alpha uses at most three decimals. Conversion is limited to standard sRGB; named colors, Lab, LCH, and wide-gamut color() spaces are not interpreted.
GOOD TO KNOW
Common questions
Can I convert a transparent color?
Yes. Four- or eight-digit HEX and RGB/HSL alpha syntax produce both RGBA/HSLA and eight-digit HEXA output.
Why does the HEX alpha differ slightly?
HEXA stores alpha in one byte, so values are rounded to one of 256 levels. RGBA and HSLA show alpha to at most three decimals.
Can I enter a named color such as rebeccapurple?
No. Enter its HEX, RGB, or HSL value; this keeps the accepted syntax and output consistent across browsers.