Instantly convert HEX colors to RGB (and back) with a live preview.
HEX Input
Converted Values
HEX
RGB (CSS)
HSL (CSS)
Channels
HSL Breakdown
Hue
217°
0–360
Saturation
91%
0–100%
Lightness
60%
0–100%
Quick Reference
Click a swatch to load it.
Convert HEX color codes to RGB values instantly with this free HEX to RGB converter. Paste any 3- or 6-digit HEX code to get the exact RGB and HSL equivalents, or go the other way and convert RGB channels back to HEX. A live color preview, one-click copy buttons, and a built-in color picker make it easy to explore, match, and use colors in CSS, design tools, or code.
Enter your HEX code (e.g. #3B82F6) in the input field and the tool instantly shows the RGB equivalent — rgb(59, 130, 246). You can also use the color picker to visually choose a color.
HEX is a 6-character base-16 code like #FF5733 used in HTML and CSS. RGB expresses the same color as three decimal values for Red, Green, and Blue (each 0–255). They represent identical colors, just in different notations.
Yes. Switch to the RGB → HEX tab, enter your R, G, and B channel values (0–255 each), and the tool instantly outputs the corresponding HEX code you can copy.
Yes. Every conversion also displays the HSL (Hue, Saturation, Lightness) equivalent, which is useful for tweaking colors in CSS or understanding a color's perceptual properties.