Free Color Tool

HEX to RGB Converter — Convert Any Color Format Instantly

Type a HEX code, RGB values, or HSL values — all other formats update in real time. Free, browser-based color format converter with instant copy.

#1E88E5
#
R
G
B
H
S%
L%
HEX #1E88E5
RGB rgb(30, 136, 229)
HSL hsl(210, 77%, 51%)
🎨 Color Picker 🎨 Palette Generator 🌈 Gradient Generator 👁 Contrast Checker

How to Convert HEX to RGB

A HEX color code is just a compact way to write three RGB values in hexadecimal. For example, #1E88E5 breaks down into R=30, G=136, B=229 (converting the hex pairs 1E, 88, and E5 to decimal). This converter does that math instantly for any color.

You can also type RGB values and get back the HEX code, or enter HSL (Hue, Saturation, Lightness) values and convert to both HEX and RGB simultaneously.

When to Use HEX vs RGB vs HSL

HEX — The most common format for web design. Use it in CSS, HTML color attributes, and design tools like Figma. Example: #1E88E5.

RGB — Preferred when working with JavaScript canvas, image processing libraries, or CSS functions like rgba() for transparency. Example: rgb(30, 136, 229).

HSL — Most intuitive for programmatic color adjustments. Rotating the hue value shifts to related colors; adjusting lightness creates shades. Example: hsl(210, 77%, 51%).