Hex/RGB/HSL Converter

A live color picker that converts any hex color into its RGB and HSL equivalents. Pick a color from the native color swatch, type or paste a hex code into the input, and the RGB and HSL values update instantly alongside a large preview swatch of the chosen color.

1. Click the colored square to open the native color picker, or edit the hex field directly.\n2. Watch the preview bar and the HEX / RGB / HSL cards update in real time.\n3. Copy any of the three formats using the Copy button on its card, or copy the raw hex with the dedicated Copy HEX button.

Hex is parsed as three byte pairs (RR GG BB) after stripping any leading #. RGB shows rgb(r, g, b) with each channel 0–255. HSL is derived using the standard luminance-and-hue algorithm: lightness is (max+min)/2, saturation depends on whether lightness is above or below 0.5, and hue is computed from which channel is the maximum. HSL values are shown as hsl(h, s%, l%) with h rounded to degrees (0–360) and s/l as percentages.