HEX, RGB, and HSL
HEX represents a color in base 16, like #0669BF, combining the three channels (red, green, blue) into a single code — the most common format in CSS and interface design. RGB describes the same three channels as numbers from 0 to 255. HSL describes the color in a more intuitive way: hue (the color itself, from 0° to 360° on the color wheel), saturation (intensity, from 0% to 100%), and lightness (from black to white).
Every format is valid in CSS
You can use any of the three generated values directly — #0669BF, rgb(6, 105, 191), or hsl(205, 94%, 39%) — in any CSS property that accepts a color, such as color, background-color, or border-color.
Frequently Asked Questions
Which color formats does this tool convert?
HEX (e.g. #0669BF), RGB (red, green, and blue values from 0 to 255), and HSL (hue, saturation, and lightness). You can also pick a color visually with the color picker.
Are the color values I type sent to a server?
No. All conversion happens locally in your browser, without sending any value off your device.
What's the difference between RGB and HSL?
RGB describes a color by how much red, green, and blue are mixed together. HSL describes the same color in a way that's closer to human perception: hue (the color itself, from 0 to 360 degrees), saturation (intensity), and lightness (how light or dark it is).
Can I use the result directly in CSS?
Yes. All three formats — HEX, rgb(), and hsl() — are valid CSS color values and can be pasted directly into any property that accepts a color.
