Convert any HEX colour code to RGB, HSL and CSS values — with a live preview
Add this HEX to RGB Color Converter to your website or blog for free — just paste this code:
The hex to RGB converter translates a hexadecimal color code such as #3498DB into its red, green, and blue components, giving you a ready-to-paste rgb() value. It is built for web designers, front-end developers, and anyone matching brand colors across CSS, design tools, and style guides where different apps expect different color formats.
A hex color is a six-digit code made of three pairs, one each for red, green, and blue. Each pair is written in base-16 (hexadecimal), where the digits run 0–9 then A–F. The converter takes each pair and turns it into a decimal number from 0 to 255 — the range RGB uses — so FF becomes 255 and 00 becomes 0.
Three-digit shorthand codes like #0AF are expanded first by doubling each digit to #00AAFF. The result is an rgb(red, green, blue) string you can drop straight into CSS, and adding an alpha channel gives you the rgba() form for transparency. Both hex and RGB describe exactly the same colours, so the choice usually comes down to what a particular tool or codebase expects — designers often think in hex, while dynamic CSS and canvas work often needs RGB.
#3498DB splits into 34, 98, DB → 52, 152, 219, giving rgb(52, 152, 219), a familiar flat-UI blue used in many design systems.#FF0000 splits into FF, 00, 00 → 255, 0, 0, giving rgb(255, 0, 0). Add an alpha channel for rgba(255, 0, 0, 0.5) to make it half transparent.Split the six-digit hex code into three pairs — red, green and blue — and convert each pair from base-16 to base-10. For example, FF becomes 255, so #FF0000 is rgb(255, 0, 0).
They describe the same color in different notations. Hex uses a six-digit base-16 string like #3498DB, while RGB lists three decimal values from 0 to 255. Browsers treat #3498DB and rgb(52, 152, 219) identically.
A shorthand hex code doubles each digit, so #FFF expands to #FFFFFF (white) and #0AF expands to #00AAFF. It only works when each color channel uses a repeated digit.
Use the rgba() notation, which adds a fourth alpha value between 0 (fully transparent) and 1 (fully opaque). For example, rgba(52, 152, 219, 0.5) is the same blue at 50% opacity.
Yes — it is completely free, runs entirely in your browser, and requires no sign-up.