Generatore di tavolozza di colori

Il generatore di tavolozze di colori trasforma un singolo colore di base in un insieme coordinato di colori utilizzando le regole di armonia colore-ruota Scegli un colore di partenza e scegli una modalità - sfumature e tinte, monocromatica, complementare, analoga, triadica o tetradica - e lo strumento calcola una tavolozza bilanciata con il valore HEX, RGB e HSL per ogni campione.

Buone combinazioni di colori seguono le relazioni prevedibili sulla ruota dei colori HSL: i colori complementari si trovano uno di fronte all'altro, i colori analoghi si trovano uno accanto all'altro e i colori triadici sono equamente distanziati. Lavorare a mano significa giocoleria con angoli di tonalità e valori di leggerezza. Questo strumento esegue istantaneamente la matematica e mostra il risultato in modo da poter scegliere uno schema che funzioni.

Tutto funziona nel tuo browser. Regola il colore di base, cambia modalità, fai clic su qualsiasi campione per copiarne il valore o esporta l'intera tavolozza come proprietà personalizzate CSS. Nessun account, nessun caricamento e continua a funzionare offline una volta caricata la pagina.

Le modalità di armonia provengono da relazioni colore-ruota, ruotando la tonalità di quantità fisse attorno al cerchio: 180 gradi per complementare, 120 per triadico e piccoli passi per analogo Che la matematica è fatta in HSL, che è conveniente e non percettivamente uniforme La leggerezza HSL tratta il giallo e il blu allo stesso valore di altrettanto luce, e all'occhio non lo sono, motivo per cui un insieme triadico può sembrare bilanciato su carta e sbilanciato sullo schermo Controlla qualsiasi tavolozza che intendi utilizzare per il testo contro un controllore di contrasto piuttosto che fidarti dei numeri Le sfumature e le tinte sono prodotte spostando la leggerezza mantenendo la tonalità e la saturazione, il che mantiene una famiglia riconoscibilmente correlata ed è ciò che le rende utili come un insieme di variabili CSS.