How do I convert a HEX color code to RGB online?

Enter your HEX color code (e.g. #3B82F6) in the input above. The converter instantly shows the equivalent values in RGB (e.g. rgb(59, 130, 246)), HSL, and CMYK alongside a live color preview swatch.

What color formats does the converter support?

The converter supports conversion between HEX (e.g. #FF5733), RGB (e.g. rgb(255, 87, 51)), HSL (hue 0–360°, saturation and lightness as percentages), and CMYK (cyan, magenta, yellow, key/black as percentages). All four formats are shown simultaneously.

Does the color converter show a live preview of the color?

Yes. A large color swatch updates in real time as you adjust any value, giving you an immediate visual reference. This is useful when working on design systems, CSS stylesheets, or brand guidelines.

How do I convert HEX to HSL for CSS custom properties?

Enter your HEX code above and read the HSL value from the output. HSL is the preferred format for CSS custom properties (variables) in design systems because hue, saturation, and lightness are independently adjustable — making it easy to derive lighter or darker variants of a colour programmatically.

Is the color converter free?

Yes — free, no account, runs in your browser.

HEX RGB HSL

Color Converter

Convert colors between HEX, RGB, HSL, and CMYK formats with a live preview. No upload.

Your files are processed locally and never uploaded to our servers.

HEX

HEX#3b82f6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

CMYKcmyk(76%, 47%, 0%, 4%)

Edit RGB

Edit HSL

How it works

1
Type or paste input
Paste your value into the input field. No file needed — works directly in your browser.
2
Get instant results
The result appears in real time as you type. No server, no upload.
3
Copy the output
Click the copy button to copy the result to your clipboard instantly.

Frequently Asked Questions

Related tools

Number Base Converter

dec hex bin oct

Hash Generator

SHA hash

Need more than just conversion?

Upload your file to Askerium and ask questions in plain language — filter rows, spot trends, and export results.

Try Askerium free