Generatore di tavolozza modalità scura
Converti colori del tema chiaro in equivalenti scuri con contrasto WCAG verificato. Genera tavolozze pronte per il tuo CSS.
Generatore di tavolozza modalità scura
Incolla i colori da un tema chiaro — uno per riga — e questo strumento genera una controparte scura per ciascuno, pronta da inserire nel foglio di stile. È costruito per il flusso quotidiano di aggiungere un tema scuro dopo che quello chiaro esiste già: forniscigli i colori di sfondo, superficie e accento e riceverai lo stesso insieme invertito per un'interfaccia scura.
Nomina ogni riga come una proprietà CSS personalizzata ("background: #ffffff", "--accent: #3366cc") oppure incolla un valore esadecimale semplice. Lo sfondo del tema scuro imposta lo sfondo su cui viene costruita la tavolozza e il contrasto di ogni colore viene verificato. Il contrasto obiettivo sceglie tra WCAG AA (4.5:1) o AAA (7:1) — gli accenti (le voci più sature, intese per testo, collegamenti e icone) vengono spinti verso quel rapporto, mentre le superfici attenuate vengono riportate onestamente ma mai forzate, poiché uno sfondo di scheda non è letto come testo. Desatura ammorbidisce i colori che altrimenti brillerebbero a saturazione completa al buio, Preserva tonalità accento mantiene la tonalità e l'intensità del colore del marchio intatte, e Mappa superfici a livelli di elevazione gradua i toni neutri in una rampa sottile sopra lo sfondo, come una scheda che si eleva sopra la pagina.
Una riga che lo strumento non riesce a leggere come colore — un commento vagante, un'intestazione vuota — viene saltata piuttosto che interrompere il resto dell'elenco, e il conteggio appare nel tally insieme a quanti colori sono stati generati e quanti accenti hanno raggiunto il contrasto obiettivo. Elenchi molto lunghi e terminazioni di riga Windows o Unix sono entrambi gestiti senza configurazione aggiuntiva.
Tutto viene eseguito localmente nel tuo browser: i colori non vengono mai caricati né inviati da nessuna parte. Copia il risultato, scaricalo come file .txt, oppure rimanda l'output direttamente all'input per continuare a perfezionare la tavolozza.