HEX to RGB Converter
Convert HEX color codes to RGB values instantly. Supports #RGB, #RRGGBB and #RRGGBBAA formats. Live visual channel bars, bulk converter, HSL output and WCAG luminance.
✅ Free 🟦 #RGB + #RGBA 📋 Bulk Convert ⚡ Live
🟦
HEX to RGB Converter ⚡ LiveAccepts: #RGB, #RRGGBB, #RRGGBBAA, or without #
Quick Load
📋
Bulk HEX → RGB🟦
3 HEX Formats
Accepts #RGB (shorthand), #RRGGBB (standard) and #RRGGBBAA (with alpha channel).
📊
Channel Bar Visualisation
Visual red, green and blue bar chart shows the proportion of each channel.
📋
Bulk Converter
Paste multiple HEX codes one per line for instant batch conversion to RGB.
🔒
100% Private
Conversion runs entirely in your browser using native JavaScript. Nothing sent anywhere.
⭐ User Reviews
A
Alex T.
Yesterday
⭐⭐⭐⭐⭐
The most complete color tool I've found — all formats in one place with live preview. Bookmarked for every design project.
Color ToolsS
Sara K.
2 days ago
⭐⭐⭐⭐⭐
The harmony generator is brilliant. Generated a full palette from one hex code in seconds. Really useful for UI work.
Color ToolsD
Dan M.
1 week ago
⭐⭐⭐⭐⭐
Love the contrast ratio checker — it's integrated right into the converter which saves a lot of tab-switching.
Color ToolsL
Laura B.
2 weeks ago
⭐⭐⭐⭐⭐
No sign-up, no ads, instant results. The CMYK output is accurate enough for print work. Highly recommend.
Color Tools📖 How to Use
1
Enter a HEX code
Type or paste a HEX colour code — with or without #.
2
Use the colour picker
Click the colour swatch to open a native colour picker.
3
Read RGB values
Red, green and blue values shown with visual channel bars.
4
Bulk convert
Paste multiple HEX codes at the bottom for batch RGB output.
🎯 Related Tools
❓ FAQ
How do I convert HEX to RGB?+
Each pair of hex digits represents one colour channel (00–FF = 0–255). For #0769A2: R=07=7, G=69=105, B=A2=162. Convert each hex pair to decimal: hex digit 1 × 16 + hex digit 2. Example: A2 = 10×16 + 2 = 162.
What is the shorthand HEX format (#RGB)?+
Shorthand HEX uses 3 digits instead of 6. Each digit is doubled to get the full 6-digit code. For example, #F0A = #FF00AA. This only works when both digits of each channel are the same (00, 11, 22 … FF).
What does the alpha channel in #RRGGBBAA mean?+
The optional last two hex digits represent opacity. FF = fully opaque, 80 = approximately 50% transparent, 00 = fully transparent. For example, #FF000080 is a 50% transparent red. This tool extracts and displays the alpha value.
How do I use a HEX code in CSS?+
Use it directly as a value: color: #0769A2; or background-color: #FF5733;. The # prefix is required in CSS. You can also use rgb() with the converted values: color: rgb(7, 105, 162);
What are the valid characters in a HEX colour code?+
HEX colour codes use digits 0–9 and letters A–F (or a–f — lowercase is equally valid). The # prefix is standard but not part of the actual code. Valid formats: #RGB (3 chars), #RRGGBB (6 chars), #RRGGBBAA (8 chars).