Hex to RGB Converter
Convert HEX to RGB and HSL instantly. Bidirectional — type any format and all others update.
#3B82F6 rgb(59, 130, 246) hsl(217, 91%, 60%) rgba(59, 130, 246, 1) HEX — The most common format in CSS/HTML. Six hexadecimal digits (00–FF) for Red, Green, Blue. Also supports 3-digit shorthand: #3BF = #33BBFF.
RGB — Red, Green, Blue channels, each 0–255. Used natively in CSS: rgb(59, 130, 246). Add alpha with rgba(59, 130, 246, 0.8).
HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). Intuitive for humans: easy to make a colour lighter or more vibrant without guessing channels. CSS native: hsl(217, 91%, 60%).
Quick tip: When matching brand colours from a design tool, copy the HEX code and paste it here. Use the HSL output to create consistent tints (increase L%) and shades (decrease L%) of the same hue.
About Hex to RGB Converter
Hex to RGB Converter instantly translates any HEX colour code into RGB and HSL values — and back again. Type a HEX code, enter RGB channel values, or adjust HSL sliders and every format updates in real time. One-click copy for CSS-ready strings. 100% browser-based, no data leaves your device.