FREE ONLINE TOOL

HEX RGB HSL Color Converter

Convert CSS color values and copy them.

Jump to tool ↓
FREE BROWSER UTILITY

HEX RGB HSL Color Converter

Convert CSS color values and copy them.

No account required
HEX#2563EB
RGB37, 99, 235
HSL221, 83, 53

NEXT ACTION

Keep working with another tool

Finished this task? Open a useful follow-on tool in one click.

About the HEX RGB HSL Color Converter

Convert HEX color codes to RGB and HSL values with a live color preview.

Formula or method

Each HEX channel becomes an integer from 0 to 255. RGB channels are transformed mathematically into hue, saturation and lightness.

Worked example

Choose #2563EB to inspect its RGB and HSL representation and copy the CSS RGB value.

How to use the tool

Start with the example values above, then replace each input with your own figures. The results update immediately. Review the units, denominators, and assumptions before using any number in an important decision.

Assumptions and limitations

This tool covers ordinary opaque sRGB colors, not alpha transparency, wide-gamut profiles or color management.

Frequently asked questions

What is HEX in CSS?

A six-digit HEX code stores red, green and blue channel values in hexadecimal.

Privacy and support

Your inputs are processed locally in your browser. ToolMosaic does not upload or store the values you enter in this tool. Our tools are free, and we appreciate your support.