Same color, three notations
HEX packs red, green and blue into two base-16 digits each — #3b82f6 is 59 red, 130 green, 246 blue. RGB writes those numbers in decimal. HSL is the humane one: hue as an angle on the color wheel, then saturation and lightness as percentages — which makes "a bit darker" a single number change instead of three. They describe identical colors; pick whichever your context wants.
Alpha in each format
Transparency rides along as an 8-digit hex (#3b82f680 is 50%), as rgba(), or as a slash in modern syntax: rgb(59 130 246 / 0.5). Paste any of them — the converter reads all the syntaxes browsers accept, old and new.
Frequently asked questions
Does anything get uploaded?
No. The conversion happens in the page and nothing is transmitted.
What is the eight-digit hex form?
The last two digits are alpha — #RRGGBBAA. Widely supported now, though it confuses older tooling that expects six.
When is HSL more useful than hex?
When you want a variation. Keep hue and saturation, change lightness, and you have a matching shade — far easier than editing hex digits.
Why does the same hex look different on two screens?
Colour profiles. A wide-gamut display renders sRGB values differently unless the page declares a colour space.
Something wrong with this tool, or an idea for it? Tell us