Color Tools
Inar HEX to RGB Converter
Convert HEX to RGB instantly with the free **Inar HEX to RGB Converter**. Enter any HEX color code to get accurate RGB values, preview the color, and easily copy the results for web design, CSS, UI, and digital projects.
Inar HEX to RGB Converter
Convert HEX Color Codes to RGB, HSL, HSV & CMYK Instantly
A fast, precise HEX to RGB converter. Paste any HEX code and get RGB values immediately, with live preview, editable R/G/B channels, alpha support, bulk conversion for whole lists of colors, WCAG contrast checking and one-click export to CSS, JSON, JavaScript and Tailwind. Everything runs locally in your browser — nothing is uploaded, and no sign-up is required.
HEX input
validPreview & contrast
WCAG 2.1Bulk HEX → RGB
0 colorsRGB output
rgbAll formats
click to copyExport code
What is a HEX to RGB Converter?
A tool that turns web color codes into the numbers screens actually use.
A HEX to RGB converter translates a hexadecimal color code — like
#f2a93b — into its red, green and blue channel values, such as
rgb(242, 169, 59). Both describe exactly the same color: HEX is simply RGB
written in base 16. Browsers, canvas APIs, image tools and design software all accept
both, but different workflows expect different formats, so converting between them is a
constant, small, annoying task.
This converter does that translation instantly and in both directions. Paste a HEX code and the RGB values appear immediately; type into the R, G or B fields and the HEX code updates in reverse. It also produces HSL, HSV and CMYK alongside, so a single input gives you every format you might need.
Inar HEX to RGB Converter runs entirely inside your browser. Your color values never leave your device — there is no upload, no server call and no third-party processing.
Convert, Inspect, Ship
Three jobs, one tool.
Convert
HEX to RGB is a two-step operation: split the six-digit code into three two-digit pairs, then read each pair as a base-16 number between 0 and 255. This tool does it as you type, and converts back again when you edit the RGB channels.
Inspect
Every conversion also produces HSL, HSV and CMYK, reports the relative luminance of the color, finds the nearest named color, and checks the contrast ratio against both white and black.
Ship
Copy the RGB value you need, export ready-made CSS variables, an SCSS map, a Tailwind theme entry, JSON or a JavaScript module, or convert a whole list of colors at once with the bulk tool.
Features
Everything you need for fast, accurate color conversion.
Two-way conversion
Type a HEX code to get RGB, or edit the R, G and B fields to get HEX back.
One-click copy
Copy HEX, RGB, RGBA, HSL, HSV, CMYK or individual channels instantly.
Bulk conversion
Paste a whole list of HEX codes and get every RGB value at once.
Alpha channel
Add transparency and get RGBA and 8-digit HEX values automatically.
Contrast checker
Exact WCAG ratios against white and black, with AA and AAA pass/fail badges.
Live preview
See the color as a swatch, on a text sample, and inside a real UI mock.
Eyedropper
Sample any pixel on screen with the native EyeDropper API where supported.
Named color lookup
Find the closest CSS named color to any HEX value, or browse the full list.
Five export formats
CSS variables, SCSS map, Tailwind config, JSON and a JavaScript module.
Recent history
Every color you convert is kept locally so you can jump back to it.
Reference table
A searchable table of the most common HEX to RGB conversions.
Privacy first
100% client-side. No color value ever leaves your browser.
How to Convert HEX to RGB
Four steps from a code to a value you can paste.
Paste or type a HEX code
Enter any 3-digit or 6-digit HEX value with or without the leading
#. The RGB result appears instantly as you type.Fine-tune the channels
Edit the R, G or B number fields directly if you want to nudge a channel. The HEX code and every other format update in reverse.
Add transparency if needed
Drag the alpha slider to add an alpha channel. The RGBA and 8-digit HEX values reflect it immediately.
Copy or export
Click any copy icon for a single format, or use the Export panel to grab ready-made CSS, SCSS, Tailwind, JSON or JavaScript for the color.
Conversion Tips
Small things worth knowing about HEX and RGB.
HEX is just base-16 RGB
Every two characters in a HEX code are one channel. #f2a93b is f2 red, a9 green and 3b blue — all read as base-16 numbers. There is no hidden fourth channel unless you use the 8-digit form.
Watch the shorthand
Three-digit HEX like #f0a expands by doubling each character: #ff00aa. It is a shorthand, not a different color format, and this tool expands it automatically.
RGB values are sRGB
The numbers assume the sRGB color space, which is what browsers render. Wide-gamut formats like Display P3 use different numbers for the same visual color, so don't mix them without conversion.
Frequently Asked Questions
Answers to the most common questions about HEX and RGB conversion.
How do I convert HEX to RGB?
Split the six-digit HEX code into three pairs of two characters. Convert each pair from base 16 to decimal. The three results are the red, green and blue values. For example, #f2a93b becomes rgb(242, 169, 59).
Does HEX have an alpha channel?
Yes — the 8-digit HEX form adds two extra characters at the end for alpha, such as #f2a93bff for a fully opaque color. The first six digits are still the RGB channels.
Is HEX the same as RGB?
They describe exactly the same thing. HEX is RGB written in base 16 with a leading #. There is no color difference between #ff0000 and rgb(255, 0, 0).
Can I convert multiple HEX codes at once?
Yes. Use the Bulk HEX → RGB panel. Paste one code per line, or separate them with commas or spaces, and every valid code is converted and listed with its RGB value.
Why does the RGB value differ from my design tool?
Design tools sometimes work in a wider color space such as Display P3. The numbers shown here are sRGB values, which is what browsers render. If your tool is set to P3, the same visual color will have different numbers.
What does the alpha slider do?
It adds transparency to the color. At 100% the color is fully opaque; at 0% it is fully transparent. The RGBA and 8-digit HEX outputs update to match.
How is the contrast ratio calculated?
Contrast ratio uses relative luminance, a measure of perceived brightness. The formula is (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color. It ranges from 1:1 (identical colors) to 21:1 (black on white).
What is the nearest named color?
The named color library finds the CSS named color closest to your HEX value using a weighted RGB distance formula that approximates human perception better than a simple Euclidean distance.
Is the converter free?
Yes. It is completely free to use, with no account, no sign-up and no usage limits.
More Inar Developer Tools
More free, privacy-friendly tools from Inar Learn — built for developers and learners.
Inar Learn