Scegli un colore base e genera palette armoniche — complementare, triadica, analoga, complementare divisa e monocromatica.
L'armonia dei colori è il principio per cui certe combinazioni di tonalità appaiono equilibrate insieme. La teoria viene dalla ruota dei colori: i colori complementari sono opposti (massimo contrasto), i colori analoghi sono adiacenti (minimo contrasto), e i colori triadici formano un triangolo equilatero (contrasto bilanciato). Il complementare diviso prende i due vicini del complementare, e il monocromatico varia luminosità e saturazione di una singola tonalità.
Questo generatore lavora nello spazio colore HSL, dove H è l'angolo della tonalità sulla ruota, S è la saturazione e L è la luminosità. Le armonie sono geometriche: il complementare aggiunge 180° alla tonalità, il triadico aggiunge 120° e 240°, l'analogo aggiunge e sottrae 30°. I risultati sono punti di partenza per un design — il vero lavoro sulle palette regola saturazione e luminosità per bilanciare il peso visivo e testa la palette sul contenuto reale con cui verrà usata.
Fai clic su qualsiasi campione per copiare il codice esadecimale negli appunti. Tutto funziona nel browser e nulla viene memorizzato.
Complementare: H+180°. Triadico: H+120°, H+240°. Analogo: H−30°, H, H+30°. Complementare diviso: H+150°, H+210°. Monocromatico: stesso H, S e L variati.
Complementare per il massimo contrasto (pulsanti call-to-action, stati di allerta). Analogo per un aspetto calmo e coeso. Triadico per una palette bilanciata con varietà. Monocromatico per un design con un singolo colore del brand.
I colori non sono soggetti a copyright. La palette che generi è tua e puoi usarla.
Perché gli schermi hanno gamut di colore e calibrazioni diverse. Il codice esadecimale è lo stesso; l'aspetto dipende dal display.
Non direttamente — usa lo strumento WCAG Contrast Checker per quello. Questo strumento genera palette armoniche; il verificatore di contrasto ti dice se primo piano e sfondo soddisfano gli standard di accessibilità.
Vai.la trasforma qualsiasi URL in un link breve con statistiche dei clic, QR Code e il tuo biolink personale.
Vai.la non è responsabile dell'uso degli strumenti né delle decisioni prese in base ai loro risultati.