Binatomy
Colors & Palette

Color Picker & Palette

Pick a color, convert it to HEX, RGB, HSL, HSV and CMYK, and generate ready-to-use harmonic palettes
#6366F1

Adjust RGB

R
G
B

Adjust HSL

Hue239°
Saturation84%
Lightness67%

Color Formats

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSV

hsv(239, 59%, 95%)

CMYK

cmyk(59%, 58%, 0%, 5%)

Shades & Tints

Harmonic Palettes

Click a swatch to set it as the active color

Complementary

Analogous

Triadic

Tetradic

Split-complementary

Monochromatic

FAQ

Frequently Asked Questions

Everything you need to know about colors and palettes

What is the CMYK model and when is it used?

CMYK (Cyan, Magenta, Yellow, Key/Black) is the subtractive model used in printing: it defines how much of each ink is needed on white paper. Unlike RGB (used for screens, additive and light-based), CMYK starts from white and "subtracts" light with ink. Values are percentages 0-100%. Use CMYK when preparing files for print; note that RGB→CMYK conversion is approximate because the printable gamut is narrower than the screen gamut.

What is the difference between HSL and HSV?

Both describe colors via Hue (0-360°). HSL uses Saturation and Lightness: at 100% lightness you always get white, at 0% black, and pure colors sit at 50%. HSV uses Saturation and Value (Brightness): at 100% value and 100% saturation you get the most intense pure color, while 0% value is black. HSV is handy in color pickers (like this one); HSL is often preferred in CSS as it is more intuitive for lightening/darkening.

How do harmonic palettes work?

Harmonies are based on where colors sit on the color wheel relative to your chosen hue. Complementary = +180° (maximum contrast); Analogous = ±30° (soft harmonies); Triadic = +120°/+240° (vibrant and balanced); Tetradic = four colors at 90° (rich scheme); Split-complementary = +150°/+210° (softer contrast than complementary); Monochromatic = same hue at different lightness. Click any generated swatch to make it the active color and keep exploring.

Are my colors sent to a server?

No. All conversions and palette generation happen entirely in your browser in JavaScript: no data is sent to or stored on our servers. The "Pick from screen" button uses the browser's native EyeDropper API (available on Chrome, Edge and Chromium-based browsers) and works only locally.

How is the colour chosen?

By typing the HEX code, moving the RGB and HSL sliders or pressing the button that pulls one at random. In browsers that allow it you can also lift a colour straight off the screen.

In which formats is the colour shown?

Every colour appears as HEX, RGB, HSL, HSV and CMYK, and each value copies with one click. CMYK is the one for print, while HEX and RGB are the formats used on the web.

Which palettes are generated?

From the active colour come the complementary, analogous, triadic, tetradic, split-complementary and monochromatic palettes, plus a scale of nine shades from lightest to darkest.

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.