Hex to RGB Color Converter

A hex color code is a 6-digit hexadecimal number representing RGB colors. The format is #RRGGBB where RR is red, GG is green, and BB is blue. Each pair ranges from 00 to FF (0-255 in decimal).

Split the 6-digit hex into three 2-digit pairs. Convert each pair from hex to decimal. For example, #FF5733 → FF(255), 57(87), 33(51) → rgb(255, 87, 51).

They represent the same color in different formats. Hex uses base-16 numbers (0-9, A-F), while RGB uses decimal numbers (0-255). Web browsers and CSS support both formats.

HSL stands for Hue, Saturation, Lightness. It's an alternative way to represent colors that's more intuitive for humans. Hue is a degree on the color wheel (0-360), saturation is a percentage, and lightness is a percentage. Our converter shows HSL values alongside RGB and hex.

Yes! 3-digit hex codes like #F53 are shorthand for #FF5533. Each digit is doubled. Our converter handles both 3-digit and 6-digit formats.

First convert hex to RGB by splitting into three pairs and converting each from hex to decimal. Then convert RGB to HSL using the standard formula: normalize R, G, B to 0-1, find max and min, calculate lightness as their average, then compute hue and saturation based on which channel is max. Our tool does this automatically.

HEX encodes the raw red, green, and blue channel values as hexadecimal digits. HSL describes colors using hue (angle on the color wheel), saturation (intensity), and lightness (brightness). HSL is often more intuitive for designers because you can independently adjust lightness without changing the hue.

WCAG accessibility depends on contrast ratio between text and background. For normal text (under 18pt), you need a contrast ratio of at least 4.5:1. For large text, 3:1 suffices. Generally, dark text on light backgrounds (or vice versa) works best. Use our converter to find hex values and test combinations — for example, #000000 on #FFFFFF has a ratio of 21:1 (maximum).