Come Usare il Generatore di Palette di Colori

Questo generatore di palette di colori gratuito trasforma un singolo colore di partenza in uno schema completo e armonioso, usando i calcoli classici della teoria del colore. Scegli un colore di base con la ruota, con il cursore della tonalità o digitando un codice esadecimale, poi seleziona una regola di armonia per vedere all'istante un set di colori coordinati. Ogni campione può essere copiato negli appunti con un solo clic, pronto per essere incollato direttamente in CSS, Tailwind, Figma o qualsiasi altro strumento di design.

• Scegli un colore di base — trascina il punto sulla ruota dei colori, muovi il cursore della tonalità, digita un valore esadecimale a sei cifre o usa il selettore di colore nativo nella barra in alto.
• Seleziona una regola di armonia — apri il menu a tendina “Armonia dei Colori” e scegli la relazione che desideri (complementare, analogo, triadico e altro).
• Copia i tuoi colori — passa il mouse su un campione nella striscia della palette per rivelarne il codice esadecimale, poi clicca per copiarlo.
• Verifica l'accessibilità — usa la verifica del contrasto WCAG integrata qui sopra per confermare che i colori del testo e dello sfondo siano leggibili.
• Esplora le varianti — scorri la griglia “Tutte le Palette Armoniche” per confrontare ogni regola per il tuo colore di base, oppure parti da una delle palette selezionate.

Le Sette Regole di Armonia dei Colori

Le armonie dei colori descrivono come le tonalità si relazionano tra loro sulla ruota dei colori. Ogni regola produce un'atmosfera e un livello di contrasto diversi:

• Complementare — due tonalità diametralmente opposte (a 180° di distanza). Massimo contrasto ed energia; ideale per le call to action.
• Analogo — tonalità vicine (a circa 30° di distanza). Calmo, coeso e dall'aspetto naturale.
• Triadico — tre tonalità equidistanti a 120°. Vivace ma equilibrato.
• Complementare a Spettro Diviso — un colore di base più le due tonalità che affiancano il suo complementare. Contrasto forte ma con meno tensione rispetto al complementare puro.
• Tetradico — quattro tonalità che formano un rettangolo sulla ruota. Ricco e variegato; rende al meglio con un colore dominante.
• Quadrato — quattro tonalità equidistanti a 90°. Deciso ed equilibrato, con uguale peso visivo.
• Monocromatico — un'unica tonalità con luminosità e saturazione variabili. Elegante, pulito e facile da applicare.

Verificare il Contrasto dei Colori per l'Accessibilità

Una palette bellissima deve comunque essere leggibile. Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) definiscono i rapporti di contrasto minimi tra il testo e il suo sfondo: 4.5:1 per il testo corrente normale e 3:1 per il testo grande per raggiungere il livello AA, e 7:1 per il livello AAA, più rigoroso. La verifica del contrasto in questa pagina calcola il rapporto esatto tra due colori qualsiasi e mostra se superano l'AA o l'AAA, così puoi regolare la palette prima di pubblicarla.

Domande Frequenti

Il generatore di palette di colori è gratuito?

Sì. Lo strumento è completamente gratuito sia per progetti personali sia commerciali, senza alcuna registrazione richiesta.

Quali formati di colore supporta?

Puoi inserire e copiare i colori come codici esadecimali, e ogni colore generato è calcolato a partire dai suoi valori HSL e RGB sottostanti.

Quale regola di armonia dovrei usare?

Usa il complementare o il complementare a spettro diviso per accenti di forte impatto, l'analogo o il monocromatico per interfacce calme e coese, e il triadico o il quadrato quando ti serve uno schema più ricco e multicolore.