HEX RGB HSL converter
Convert a CSS color into HEX, RGB and HSL.
HEX RGB HSL converter
Make it yours
Adjust the values, then get your result.
How to use HEX RGB HSL converter
HEX RGB HSL converter takes any CSS color, such as a HEX code, rgb(), hsl() or a named color like tomato, and returns its HEX, RGB and HSL equivalents plus the alpha value. Semi-transparent colors produce rgba(), hsla() and an 8-digit HEX, and the swatch shows them over a checkerboard.
- Enter the requested values in the settings panel.
- Set css color.
- Run hex rgb hsl converter, review the output, then use the available copy or download controls.
What this tool supports
Converts a CSS color to HEX, RGB and HSL. The swatch uses the alpha channel, and a checkerboard shows through transparent pixels.
- CSS color
- Set this value for your task.
Limits and processing
Images are limited to 32 megapixels and 16,000 pixels per side. Most operations accept one source; supported batch operations produce a ZIP archive.
Frequently asked questions
How do I convert HEX to RGB?
Type the HEX code, for example #ed854b, into the CSS color field. The result lists HEX, RGB and HSL lines, so for that color the RGB line reads rgb(237, 133, 75).
Can I convert colors with transparency?
Yes. Enter a value like rgba(0, 0, 0, 0.5) or an 8-digit HEX. The output switches to rgba() and hsla() with alpha to three decimals, and the HEX gains a fourth byte for the alpha channel.
Why is my color value rejected?
The input must be a color your browser supports with a fixed value. Keywords such as inherit, initial, unset, revert or currentColor and var() references are refused because they do not resolve to a single color.
Where is my input processed?
This operation processes its source in your browser. Copy and download are explicit actions; source input is not saved in an account or history.
What are the input limits?
Images are limited to 32 megapixels and 16,000 pixels per side. Most operations accept one source; supported batch operations produce a ZIP archive.