HEX to RGB converter
Paste a hex colour to get its RGB value instantly — and convert RGB back to HEX, with HSL and a live preview. Free and entirely in your browser; nothing is uploaded.
How HEX to RGB works
A hex colour like #3B82F6 is just three 8-bit numbers written in base 16 — one each for red, green and blue. Split it into three pairs and convert each pair to decimal: 3B = 59, 82 = 130, F6 = 246, which is rgb(59, 130, 246). Each pair ranges from 00 (0) to FF (255), so RGB values always fall between 0 and 255.
3-digit vs 6-digit hex
You will see both #ABC and #AABBCC. The short form is shorthand: each digit is doubled, so #ABC is identical to #AABBCC = rgb(170, 187, 204). The converter above accepts either, with or without the leading #.
When to use HEX, RGB or HSL
HEX is compact and the default in most design tools and CSS. RGB is handy when you need to tweak individual channels or add transparency with rgba(). HSL — hue, saturation, lightness — is the most intuitive for adjusting a colour by hand: nudge the lightness to make a tint or shade, or shift the hue to find a related colour. This page shows all three at once so you can pick whichever your workflow needs.
Need more than a single colour?
The full ColorBloom tool extracts palettes from an image, builds harmonious palettes from one seed colour, checks WCAG contrast, and exports CSS variables, Tailwind or JSON — all in the browser, with nothing uploaded.