Generatore di tavolozza colori
Trasforma un colore di base in una tavolozza completa utilizzando regole di armonia cromatica.
Generatore di tavolozza colori
Incolla un colore di base come codice hex, valore rgb() o hsl() e questo strumento costruisce una tavolozza completa intorno ad esso utilizzando regole di armonia cromatica, non una semplice rampa di luminosità della stessa tonalità. Scegli complementare per un singolo colore opposto, complementare diviso o triadico per contrasto equilibrato, tetradico per un rettangolo di quattro colori, analogo per tonalità vicine che si combinano naturalmente, o monocromatico per toni e sfumature di una singola tonalità.
L'opzione armonia decide quanti colori escono: complementare restituisce sempre due, triadico e complementare diviso ne restituiscono tre, tetradico ne restituisce quattro, mentre il numero di colori e l'angolo di passo di tonalità si applicano solo a analogo e monocromatico, dove scegli quanti colori e quanto distanti. Calcola in HSL per la matematica classica della ruota cromatica, oppure passa a OKLCH, che mantiene la stessa luminosità percepita su tutte le tonalità in modo che la tavolozza non esca con un campione che appare stranamente scuro o sbiadito rispetto al resto. I cursori di regolazione della saturazione e della luminosità perfezionano l'intera tavolozza dopo che l'armonia è stata costruita, e l'opzione formato colore stampa ogni risultato come hex, rgb(), hsl() u oklch().
Ogni campione viene controllato rispetto a WCAG AA (4.5:1) come testo su sfondo bianco e nero, contrassegnato con un segno di spunta o una croce accanto a ciascun rapporto: utile per scegliere quali colori in una tavolozza generata sono sicuri per il testo del corpo rispetto alla sola decorazione. Esporta il risultato come un elenco semplice, un blocco di proprietà personalizzate CSS pronto da incollare in un foglio di stile, o un oggetto colore di configurazione Tailwind.
Tutto viene eseguito localmente nel tuo browser: il colore che inserisci non viene mai caricato da nessuna parte. Copia il risultato, scaricalo come file .txt, o invialo all'input di un altro strumento per continuare a lavorarci.