🎨
🏷️

Color Picker for Branding

Build your brand colour palette — pick primary, secondary, and accent colours that work together.

Kò nílò ìwọlé
HEX
HSV
h217°
s76%
v96%
display only

RGB

r
g
b

HSL

H
S
L

Palette àwọ̀

Complementary

#3b82f6
#f6af3c

Triadic

#3b82f6
#f63c83
#83f63c

Analogous

#3ce0f6
#3b82f6
#523cf6

Monochromatic

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Branding tips

🎨

Pick 1–2 primary colours first. Then generate a palette around them — 5–7 colours is ideal for a brand.

📊

60-30-10 rule: 60% dominant colour, 30% secondary, 10% accent. The picker makes it easy to find matching tones.

🌈

Export your palette in HEX, RGB, and HSL. Different tools and designers need different formats.

💡

Test your palette in both light and dark modes. What looks great on white might fail on dark backgrounds.

Bí Ó Ṣe Ń Ṣiṣẹ́

1
Tẹ Sí
Enter your data into the tool above. Everything stays local to your browser.
2
Ṣe Iṣẹ́
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Gba Lọ
Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Kí nìdí tí a fi ń lò tirẹ̀?

Ọfẹ pátápátá — kò sí owó ìní, títí láé
Kò nílò àkáǹtì, ìméèlì, tàbí ìwọlé
Àwọn fáìlì kò ní jáde kúrò lórí ẹ̀rọ rẹ
Kò sí ìdiwọ̀ ìwọ̀n fáìlì rárá
Kò sí àmì omi lórí àbájáde èyíkéyìí

Also check out…

Àwọn Ìbéèrè Tí A Máa Ń Béèrè