Hex to RGB Converter

A hex color code is a 6-digit base-16 number, written as #RRGGBB, where each 2-digit pair sets the red, green, or blue channel on a 0-255 scale. For example, #ff5733 means R 255, G 87, B 51, a vivid orange-red. The leading # is optional when you enter it here.

A 3-digit shorthand like #f53 is shorthand for the 6-digit form where each digit is doubled: #f53 expands to #ff5533. The shorthand is only valid when both digits in every channel are identical, so #1a2b3c cannot be shortened.

Hex is compact, while rgb() can be convenient for channel-based calculations and variables. CSS supports alpha in four-digit and eight-digit hex forms, as well as modern rgb() syntax. This converter handles only opaque three-digit and six-digit hex.

No. The converter handles 3-digit and 6-digit opaque hex only (#RGB and #RRGGBB). 8-digit hex with alpha (#RRGGBBAA) and rgba() output are not supported. If you need transparency, set the alpha directly in your CSS with rgba() after converting the opaque channels here.

The hex is parsed to integer RGB values (0-255), each channel is divided by 255 to get a 0-1 range, then the standard HSL formula derives lightness as (max + min) / 2, saturation from the channel range relative to lightness, and hue as an angle (0-360) based on which channel is dominant. All three output values are rounded to the nearest whole number.