Hex Color Converter

Can I paste a hex code like #6366F1 into this tool?

No. The three input fields take the red, green and blue channel values as decimal numbers from 0 to 255, and the tool outputs the matching HEX, HSL and HSV. To go the other way by hand, split the hex code into pairs and convert each from base 16: 63 is 99, 66 is 102 and F1 is 241, which are the default values loaded in the fields.

What happens if I enter a number above 255 or below 0?

It is clamped into range rather than rejected. 300 becomes 255 and −5 becomes 0, so the input 300, −5, 12.9 produces #FF000C. Because the value is silently adjusted, check the RGB line in the output to see the channels that were actually used.

Are decimal channel values rounded?

They are rounded down, not to the nearest whole number: 12.9 becomes 12. Hex needs whole channel values, so fractional input from a design tool should be rounded the way you prefer before you enter it. Non-numeric input returns an error.

Why do HSL and HSV values look slightly off when I convert them back?

Hue is rounded to a whole degree, and saturation, lightness and value to whole percentages. That is enough precision for CSS, but converting the rounded HSL back to RGB can land one or two steps away from the original channels. The HEX line is the exact value; treat HSL and HSV as rounded descriptions.

What is the difference between HSL and HSV?

Both use the same hue angle but define the rest differently. HSL lightness runs from black through the pure colour at 50% to white, so pure red is hsl(0, 100%, 50%). HSV value measures brightness of the strongest channel, so pure red is hsv(0, 100%, 100%). CSS supports hsl() directly; it has no hsv() function, so that line is for design software.

Does it output transparency, 3-digit shorthand or named colours?

No. The output is always a six-digit uppercase hex, without an alpha channel and without shorthand like #F00, which equals #FF0000. It also does not match your colour to a CSS name or check contrast against another colour.

Why does grey show a hue of 0 and saturation 0%?

When red, green and blue are equal there is no dominant colour, so hue is undefined and the tool reports 0. #808080 gives hsl(0, 0%, 50%) and hsv(0, 0%, 50%). Changing the hue of such a colour in CSS has no visible effect until you also raise the saturation.