HEX to RGB Converter – Convert HEX Online (Free Tool)

HEX to RGB converts a 3- or 6-digit hex colour into rgb() and hsl() values. Built for the everyday case where a designer hands you a HEX, you paste it once and copy the format your stack actually expects — JS canvas APIs and many older CSS examples use rgb(), while design tokens often prefer HSL.

• Open-and-go: bookmark the page once and never look for an alternative
• Instant results — no waiting on a server or upload progress bar
• Touch-friendly UI, fine on phones for on-the-go edits
• Works with any color input format — HEX, RGB, RGBA, HSL, HSLA, named colors
• WCAG contrast checks calculated correctly for AA and AAA, both text and large text

1. Type or paste a HEX code (3-digit shorthand like #fff works too)
2. Click Convert to see RGB and HSL output alongside individual R, G, B values
3. Click any value to copy it to the clipboard
4. Tweak the colour with the native picker to compare adjacent shades

• Converting brand colours from a HEX-only style guide into rgb()/hsl() variants
• Feeding RGB channels into JS Canvas, WebGL or D3 colour scales
• Building a colour-token system that needs both notations

"Invalid HEX color format".

The tool accepts 3 or 6 hex digits with optional leading #. Alpha hex (8 digits) is not supported — use RGBA to HEX or the Color Converter for those.