Color Converter — HEX, RGB and HSL

Convert one color and choose its representation

1. Paste a single HEX value beginning with #, or a supported rgb/rgba/hsl/hsla function. Use example fills #33669980 without converting. Use ASCII decimal dots; the syntax guide explains supported separators, units and ranges.
2. Press Convert to see all three representations. The converter retains the unrounded encoded color and straight alpha, then formats each output independently. Editing the draft immediately retires the old result rather than leaving a stale color ready to copy.
3. Copy one code string or use Copy all for three labelled lines. A Rounded note means that representation's numeric color differs after its stated rounding. Review alpha-byte qualifications; the swatch illustrates the displayed RGB string, not calibrated appearance.

Color channels, alpha and the supported syntax

HEX3 and HEX4 duplicate each digit; HEX6 and HEX8 use full bytes, with alpha last. RGB numbers use 0–255 and RGB percentages use 0–100%. Modern function syntax separates channels with spaces and alpha with a slash; legacy syntax uses commas. Modern RGB may mix numbers and percentages, while legacy RGB must use one channel type throughout.

Supported HSL uses degrees, optionally followed by deg, and percentage saturation and HSL lightness. Hue wraps around a circle; negative values are allowed within the tool limit. HSL lightness is not relative luminance or perceptual brightness. The conversion operates on encoded sRGB, not linear-light channels.

Alpha is independent of the stored RGB channels. A zero alpha does not erase hidden red, green or blue, and the converter does not blend the color onto a background. Functional output keeps alpha separately; HEX8 quantizes it to a byte, so 0.5 becomes 128/255 rather than exactly one half.

Equal RGB channels use the numeric convention H=0 and S=0. An authored hue on a neutral color cannot be recovered uniquely. For nonzero chroma this tool keeps the mathematical hue rather than applying a floating epsilon; CSS computed-style powerless or missing hue rules are a different contract, especially near neutral colors.

Understand exact values and rounded representations

#33669980 contains RGB bytes 51, 102 and 153 with alpha 128/255. Its encoded components are 0.2, 0.4 and 0.6, giving HSL 210 degrees, 50% saturation and 40% HSL lightness. HEX needs no rounding, while both functional outputs round alpha to 0.50196078.

hsl(210 100% 50% / .5) gives RGB channels 0, 127.5 and 255. Functional output can retain those numbers and alpha 0.5. HEX becomes #0080FF80 because channel and alpha ties round upward; it is marked Rounded rather than offered as an exact numerical equivalent.

rgb(17 34 51 / 99.999999%) keeps functional alpha 0.99999999, but its eight-bit alpha rounds to FF. The HEX result remains #112233FF, not a six-digit opaque claim, and includes the qualification. At the other end, 0.000001% alpha is retained functionally as 0.00000001 even when its HEX byte rounds to 00.

A deliberate subset with explicit output precision

The received draft fits 256 UTF-16 units before whitespace trimming, and numeric tokens fit 16 ASCII characters. RGB number channels and numeric alpha allow eight fractional digits; hue, all percentages and HSL S/L allow six. No exponent notation is accepted. Hue is bounded from -1000000 to +1000000 degrees. Components must fit their declared ranges rather than being silently clamped.

Names, transparent, currentColor, none, comments, escapes, other angle units, calculations, variables, relative colors, other color spaces and whole declarations or stylesheets are unsupported. S/L percentages are required in both HSL forms. Some excluded syntax is valid CSS, so an unsupported message here is not a standards-validity verdict.

HEX quantizes channels and alpha to nearest bytes with ties up. RGB channels and functional alpha use up to eight decimals; HSL hue, saturation and lightness use up to six. Values are independently rounded once, trailing zeros are removed, and a rounded hue of 360 becomes 0. No exact round trip, browser CSSOM serialization or identical rendering is promised.

There is no ICC, CMYK, wide-gamut, perceptual or display-profile conversion, contrast classification, image sampling or color-match certification. A browser swatch is only an illustration of validated generated RGB output. Do not confuse HSL lightness with an accessibility result or equal perceived brightness.

Local conversion and current clipboard output

This tool adds no upload, account, saved history, input logging or color-bearing share URL. It computes from the current draft in the browser and never renders arbitrary source CSS. Copy uses the requested current output; denial offers a matching readonly fallback. Existing site services remain subject to site policies; local processing does not certify those services or deployment.