Converti, esplora palette, verifica accessibilità e genera gradienti CSS
Clicca su un colore per selezionarlo come colore principale
Color Tools di ToolFast è uno strumento professionale per lavorare con i colori sul web. Converte istantaneamente tra tutti i formati colore usati nel CSS e nel design, genera palette armoniose e verifica che i tuoi colori rispettino gli standard di accessibilità WCAG.
HEX è il formato più usato nel CSS web: 6 cifre esadecimali che rappresentano rosso, verde e blu. RGB esprime gli stessi valori in decimale (0-255). HSL (Hue, Saturation, Lightness) è più intuitivo per i designer perché separa la tinta dalla luminosità. CMYK è usato principalmente per la stampa e rappresenta i quattro inchiostri: ciano, magenta, giallo e nero.
Le linee guida WCAG (Web Content Accessibility Guidelines) definiscono i requisiti minimi di contrasto tra testo e sfondo per garantire la leggibilità a persone con difficoltà visive. Il livello AA richiede un rapporto di almeno 4.5:1 per testo normale e 3:1 per testo grande. Il livello AAA richiede 7:1 e 4.5:1.
Ogni coppia di cifre HEX rappresenta un canale (R, G, B) in base 16. Esempio: #4361EE → R=0x43=67, G=0x61=97, B=0xEE=238 → rgb(67, 97, 238).
Entrambi usano Hue e Saturation, ma HSB usa Brightness (luminosità del colore puro) mentre HSL usa Lightness (0=nero, 100=bianco). HSB è usato in software come Photoshop e Figma.
I colori complementari si trovano sul lato opposto della ruota dei colori (differenza di 180° di hue). Creano il massimo contrasto visivo e vengono spesso usati per call-to-action e bottoni su sfondi colorati.