Generatore palette colori

Cos'è un generatore di palette di colori?

Un generatore di palette di colori crea set armoniosi di colori basati sulle regole della teoria del colore. Partendo da un singolo colore base, genera schemi complementari, analoghi, triadici, complementari divisi e altri. I designer usano i generatori di palette per creare rapidamente sistemi di colori coesi per siti web, app, brand e illustrazioni.

Le buone palette di colori non sono casuali — seguono relazioni matematiche sulla ruota dei colori. I colori complementari si trovano opposti l'uno all'altro (alto contrasto). I colori analoghi sono adiacenti (armoniosi e calmi). I colori triadici formano un triangolo equilatero (vivaci ed equilibrati). Questo strumento genera palette usando queste e altre regole di armonia comprovate.

Come usare questo strumento

Scegliere un colore base usando il selettore colore o inserendo un valore esadecimale. Selezionare una regola di armonia (complementare, analogo, triadico, ecc.). Lo strumento genera una palette completa con ogni colore mostrato in un campione insieme ai valori hex, RGB e HSL. Regolare il colore base per vedere la palette aggiornarsi in tempo reale.

Tipi di armonia cromatica

• Complementare — due colori opposti sulla ruota dei colori. Alto contrasto, energico. Esempio: blu e arancione.
• Analogo — tre colori adiacenti sulla ruota. Calmo, coeso. Esempio: blu, blu-verde, verde.
• Triadico — tre colori equidistanti (120 gradi di distanza). Equilibrato, vivace. Esempio: rosso, giallo, blu.
• Complementare diviso — un colore base più due colori adiacenti al suo complemento. Contrasto con meno tensione rispetto al complementare.

Colore e accessibilità

Nella progettazione di interfacce digitali, garantire un contrasto sufficiente tra testo e sfondo (il WCAG richiede un rapporto minimo di 4,5:1 per il testo normale). Evitare di trasmettere informazioni attraverso il colore da solo: circa l'8% degli uomini ha qualche forma di deficit della visione dei colori. Testare la palette con un simulatore di daltonismo. Questo strumento può mostrare i rapporti di contrasto tra i colori generati.

Domande frequenti

Quanti colori dovrebbe avere una palette?

La maggior parte dei sistemi di design usa 5-7 colori: un colore primario del brand, un accento secondario, una palette neutra (grigi per testo e sfondi) e possibilmente un set semantico (verde per il successo, rosso per l'errore, giallo per l'avviso). Troppi colori creano caos visivo. Troppo pochi limitano la flessibilità. Partire con 3 colori più i neutri e aggiungere solo in caso di necessità.

Cosa rende i colori piacevoli insieme?

I colori sembrano armoniosi quando hanno una relazione matematica sulla ruota dei colori (complementare, triadico, ecc.) o condividono una proprietà comune (stesso livello di saturazione, luminosità simile). La regola 60-30-10 è ampiamente usata: 60% colore dominante, 30% secondario, 10% accento. Limitare il numero di colori altamente saturi e usare ampio spazio neutro migliora anche l'armonia visiva.