HEX to RGB

About the Hex to RGB Converter

The Hex to RGB Converter translates a six-digit hexadecimal colour code like #3B82F6 into its red-green-blue values like rgb(59, 130, 246) and back. Web developers, mobile app designers, and digital artists need both notations every day: CSS files often use hex codes for compactness, while JavaScript animations, canvas drawings, design systems with opacity, and most graphic editors expect RGB or RGBA triplets.

How to use it

1. Paste any hex colour code (with or without the leading hash sign) into the input field.
2. Or move the RGB sliders to build a colour from scratch.
3. The conversion updates instantly in both directions.
4. Click any value to copy it to your clipboard.

What the converter accepts

Three-character shorthand hex like #F60 and full six-character hex like #FF6600 are both supported. Eight-character hex with an alpha channel like #FF6600CC is converted to RGBA. Pure-RGB triplets, percentages, and HSL/HSV equivalents are also displayed as a bonus so you have every common representation at a glance.

Why colour conversion matters

A brand guideline that specifies “PMS 7686 C, hex #1F4E79” needs to become RGB before you can drop it into a Figma file, HSL before you can compute hover and active states in a design system, and HEX again before it lands in a CSS variable. Doing the math by hand is error-prone, especially when alpha channels are involved — this tool removes the guesswork.

Privacy and accuracy

All conversions are performed by the browser using simple bitwise math, so nothing is sent to our servers. The output is mathematically exact — the same value you would get from Photoshop’s colour picker or any reputable design tool. You can use the converter on confidential brand work without leaving a trail, and it continues to function offline once the page has loaded the first time, which is helpful during airplane work or in restricted corporate networks.

Tamer Baghdadi

CEO / Co-Founder