UtilityBaseDeveloper Tools
Hex to RGB Converter
Convert colors between HEX, RGB, and HSL — edit any field and the rest update.
Updated July 10, 2026
How to use the hex to rgb converter
- 1Enter a hex code or use the color picker.
- 2Or set the R, G, and B channels directly.
- 3Read the HEX, RGB, and HSL values.
- 4Tap copy on the format you need.
Common uses
- Converting a hex code to RGB for CSS or design tools
- Getting the HSL version to adjust a shade
- Matching a color across formats
- Reading a color picked from an image
Frequently asked questions
How do I convert a hex color to RGB?
Split the six-digit hex into three pairs and read each as a base-16 number from 0 to 255. So #0F766E is 0F=15 red, 76=118 green, 6E=110 blue, or rgb(15, 118, 110). This tool does it instantly and also gives the HSL version.
What's the difference between RGB and HSL?
RGB mixes red, green, and blue light by amount. HSL describes the same color by hue (its position on the color wheel, 0-360 degrees), saturation (how vivid), and lightness. HSL is often easier for tweaking — nudge lightness to get a tint or shade without changing the hue.
Do three-digit hex codes work?
Yes. Shorthand hex like #0AF expands by doubling each digit to #00AAFF, so it's fully supported. Enter three or six digits, with or without the leading hash.
About this tool
The hex to RGB converter turns colors between the three formats web and design work uses: HEX, RGB, and HSL. Type a hex code, drag the color picker, or set the red, green, and blue channels directly, and every format updates live with a one-tap copy for each. HEX packs each channel into two hexadecimal digits, RGB writes them as 0-255 numbers, and HSL describes the color by hue, saturation, and lightness — handy for making a shade lighter or more muted. Everything converts in your browser; nothing is uploaded.
Like most tools on UtilityBase, the hex to rgb converter runs entirely in your browser — nothing you enter is uploaded or stored on a server. It's free to use with no account required. Browse more developer tools here.
Was this tool helpful?
Related tools
Color Picker
Pick a color and get HEX, RGB, and HSL values with shades and tints.
Image Tools
CSS Gradient Generator
Build a linear or radial CSS gradient visually and copy the ready-to-paste code.
Developer Tools
Color Contrast Checker
Check WCAG contrast ratios between text and background colors — AA and AAA.
Developer Tools
Color Palette Generator
Turn one base color into complementary, analogous, triadic, and shade palettes.
Generators
What Is My IP
Your public IP, and exactly what it reveals — location, ISP, timezone.
Developer Tools
Regex Tester
Test regular expressions live with match highlighting, groups, and a cheat sheet.
Developer Tools