Free Developer Tool
Convert HEX color codes into RGB and HSL formats for seamless CSS and design integration.
HEX to RGB Converter
Type a HEX colour code with or without the # symbol, or use the colour picker.
Enter a HEX colour to see all converted values.
How It Works
Type with or without the # — both work. Supports 3-character shorthand (#fff) and full 6-character (#ffffff) codes.
As soon as you type a valid HEX code, the RGB and HSL values appear automatically.
Hit the copy button next to RGB or HSL to grab the value in the exact format your project needs.
The preview swatch shows you exactly what the colour looks like — so you can confirm before copying.
FAQ
Some design tools (like Figma, Photoshop, and Canva) use RGB values instead of HEX. Also, if you need colour with transparency in CSS, you need RGB — HEX doesn't natively support alpha without the 8-digit format.
HEX is a base-16 representation of RGB values. #RRGGBB where each pair goes from 00 (0) to FF (255). So #FF0000 is pure red, #00FF00 is pure green, and #0000FF is pure blue.
Standard HEX doesn't include alpha. You can use 8-digit HEX (#RRGGBBAA) which is supported in modern browsers, but not universally. For transparency, RGBA is generally more compatible.