Binatomy
Color Converter

Color Converter

Convert colors between HEX, RGB and HSL with complementary, analogous and triadic palettes

Color Formats

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

RGB Values

R: 99 G: 102 B: 241

Color Palette

Complementary

Analogous

Triadic

FAQ

Frequently Asked Questions

Everything you need to know about color conversion

What is the difference between RGB and HSL?

RGB (Red, Green, Blue) defines colors as a combination of three light channels (red, green, blue) with values from 0 to 255 each. HSL (Hue, Saturation, Lightness) is a more intuitive model describing color by hue (0-360 degrees), saturation (0-100%) and lightness (0-100%). HSL is often preferred by designers as it is easier to manipulate.

How do complementary colors work?

The complementary color is found 180 degrees away on the color wheel. Complementary colors create maximum contrast and are used in design to draw attention. For example, the complement of blue is orange, of red is cyan, of green is magenta.

What are analogous and triadic colors?

Analogous colors are adjacent on the color wheel (about 30 degrees apart) and create soft, natural harmonies. Triadic colors are equidistant (120 degrees apart) and form a triangle on the color wheel, creating vibrant and balanced combinations.

Can I use the HEX format in CSS?

Yes, HEX format is the most used in CSS and web design. The 6-character format (#RRGGBB) is supported by all browsers. You can also use the 3-character shorthand (#RGB) when each pair has identical digits. The converter also shows RGB and HSL formats, both valid in CSS.

Which color formats does the tool convert?

It starts from a HEX code, written in full or in the short three-digit form, and returns the RGB value and the HSL value of the same color, with all three ready to copy.

Where do the palette colors come from?

The palette comes from rotating the hue of the starting color: the complementary at 180 degrees, the analogous at 30 degrees either side, the triadic at 120 and 240 degrees. Clicking a shade makes it the active color.

Does my data stay private?

Yes, and not because we promise it: this tool runs entirely inside your browser. What you type or upload never leaves your device, so it never reaches a server of ours and there is nothing we could keep, read or lose. You can check it yourself: open the page, disconnect from the internet, and the tool keeps working.

Do you store what I enter?

No. There is no database behind this tool: we do not store your files, your text or your results. When you close the tab nothing is left — not here with us, because it never arrived, and not anywhere else.

Do you profile me? Are you GDPR compliant?

We do not profile you: there is no account to create, we never ask for your email to use a tool, and we keep no profile of what you do. We are an Italian company and we work under the GDPR and the other European rules, with the privacy notice and the consent request in plain sight. One thing we say in full rather than hiding it behind a slogan: the ads on the page are Google's, and Google may use cookies to personalise them. You decide from the consent banner: if you say no the ads stay, but they are not personalised, and the tool works exactly the same.

If it is free, how do you make money?

From the ads on the page, and that is all. We do not sell your data, there is no hidden paid plan, there is no limit that eventually asks for your card, and you do not have to sign up. The ads pay for the servers and for the time we spend writing the tools: that is how we can keep them open to everyone.