Example
rgb(79, 134, 247)
HEX to RGB Converter
Convert HEX color codes to RGB values instantly in your browser, with a live color preview. Free online HEX to RGB converter — no uploads.
Enter the values below, then press Calculate (or press Enter). The calculator updates your results instantly. Try different values to see how your inputs change the outcome.
- HEX color code — enter a text value. A typical HEX color code would be e.g. #4f86f7 or 4f86f7.
- Review your results — the key output is highlighted, with supporting figures below.
Loading calculator…
Results
RGB value
| Detail | Value |
|---|---|
| CSS color | |
| HSL equivalent | |
| Red | |
| Green | |
| Blue |
What is this calculator for?
Turn a HEX color code into its red, green, and blue (RGB) components, with the equivalent CSS and HSL values.
How to Use This Calculator
Enter the values below, then press Calculate (or press Enter). The calculator updates your results instantly. Try different values to see how your inputs change the outcome.
- HEX color code — enter a text value. A typical HEX color code would be e.g. #4f86f7 or 4f86f7.
- Review your results — the key output is highlighted, with supporting figures below.
What You'll Need
- HEX color code
- a text value · required
About This Calculator
This HEX to RGB converter breaks a six-digit (or three-digit shorthand) hex color into its red, green, and blue components, and also computes the HSL equivalent.
HEX pairs, like #4f86f7, each hold an R, G, and B byte from 00–FF. The converter turns those into 0–255 RGB integers and the ready-to-paste CSS rgb() string — handy when a design tool only accepts RGB or HSL.
Conversion is instant and entirely local.
Worked Examples
Frequently Asked Questions
Can I enter RGB instead?
Use the companion RGB to HEX converter for that direction. This tool accepts only HEX input (with or without the #).
What about 3-digit hex like #f08?
Three-digit shorthand is supported — each digit is expanded, so #f08 becomes #ff0088.