HEX to RGB Converter
Convert HEX to RGB with a live preview. Enter a value and every format — HEX, RGB, HSL and CMYK — updates together, ready to copy. It all runs in your browser, nothing is uploaded.
- 🔒 100% private — no uploads
- 🆓 Free, no watermark
- 📱 Works on any device
How to convert
- 1
Enter a color
Type a HEX code, or set the RGB, HSL or CMYK channels. The live swatch shows the exact color.
- 2
See every format
Edit any model and the rest update instantly — HEX, RGB, HSL and CMYK stay in sync.
- 3
Copy the code
Copy any format with one click, ready to paste into CSS, a design tool or your code.
Why use HEX to RGB Converter?
100% private
All conversion happens in your browser — nothing is uploaded.
Every format, in sync
HEX, RGB, HSL and CMYK update together, with a live preview swatch.
CSS-ready output
Copy rgb(), hsl() or hex strings you can paste straight into stylesheets.
Works on any device
No install, no account — any modern browser on desktop or phone.
How a hex color maps to RGB
A hex color is written #RRGGBB, where each pair of digits is one channel from 0–255 in base 16. Split the code into three pairs and read each as a number: #FF5733 → R = FF = 255, G = 57 = 87, B = 33 = 51, giving rgb(255, 87, 51). The 3-digit shorthand #abc simply doubles each digit to #aabbcc.
Using hex and RGB in CSS
Hex is compact for static colors; rgb() is easier to tweak and supports transparency via rgba() or the 8-digit #RRGGBBAA form. Common values: black is #000000 = rgb(0, 0, 0), white is #FFFFFF = rgb(255, 255, 255) and pure red is #FF0000 = rgb(255, 0, 0).
Frequently asked questions
How do I convert HEX to RGB?
Enter your HEX value and read the RGB output — every format updates live as you type, with a swatch showing the color.
Does anything get uploaded to a server?
No. The conversion runs entirely in your browser with JavaScript — nothing you type is uploaded, stored or logged, and it keeps working offline once the page has loaded.
Are the color codes CSS-ready?
Yes — copy hex, rgb() or hsl() strings and paste them straight into your stylesheet or design tool.