LibraTool logoLibraTool
🎨
🎨

Color Picker for Web Design

Pick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.

No cal iniciar sessió
HEX
HSV
h217°
s76%
v96%
display only

RGB

r
g
b

HSL

H
S
L

Paleta de colors

Complementary

#3b82f6
#f6af3c

Triadic

#3b82f6
#f63c83
#83f63c

Analogous

#3ce0f6
#3b82f6
#523cf6

Monochromatic

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

Web Design tips

🌐

Use the colour picker to match brand colours exactly. Copy HEX values directly into your CSS.

🎨

Generate complementary, analogous, and triadic palettes instantly. Consistent colour schemes make sites look professional.

🔍

Check contrast ratios for accessibility. Body text needs at least 4.5:1 contrast against its background.

💡

Save your favourite palettes locally. Build a consistent colour system across all your projects.

Com funciona

1
Introdueix
Enter your data into the tool above. Everything stays local to your browser.
2
Processa
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Descarrega
Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Per què usar la nostra?

✓Completament gratuït — sense costos ocults, mai
✓No cal compte, correu electrònic ni inici de sessió
✓Els fitxers no surten mai del teu dispositiu
✓Sense cap límit de mida de fitxer
✓Sense marques d'aigua en cap sortida

Also check out…

🏷️

Color Picker for Branding

Build your brand colour palette — pick primary, se

📱

Color Picker for Social Media

Create eye-catching colour palettes for social med

🖨️

Color Picker for Print Design

Pick colours for printed materials — flyers, busin

📊

Color Picker for Presentations

Design slide colour schemes — pick readable text c

Preguntes freqüents

Back to Selector de color i generador de paletes