Generatore di sfumature di colore

Un generatore di sfumature di colore prende un colore di base e costruisce una scala monocromatica di versioni più chiare e scure di esso Da un singolo input come #4466EE, produce una fila di tinte che passo verso il bianco, una fila di sfumature che passo verso il nero, e una fila di toni che passo verso il grigio Ogni campione è un colore reale è possibile copiare come HEX, RGB, o HSL e cadere direttamente in CSS, un file di progettazione, o una configurazione di tema.

Le tre scale provengono dalle definizioni classiche usate nella teoria dei colori Una tinta è il colore di base mescolato con il bianco, che ne alza la leggerezza mantenendo la stessa tonalità Una tonalità è la base mescolata con il nero, che lo scurisce Un tono è la base mescolata con il grigio, che riduce la sua intensità e dà una versione del colore tenue e più sofisticata Avere tutti e tre da un input è ciò che ti consente di costruire una tavolozza coerente: un pulsante e il suo stato di hover, un insieme di serie di grafici o le superfici chiare e scure di un'interfaccia, tutte derivate da un unico colore di marca.

Il generatore viene eseguito interamente nel browser Il colore inserito viene analizzato e le scale vengono calcolate con JavaScript lato client, quindi non viene caricato nulla, non è presente alcun account e il tuo lavoro non viene mai tracciato Accetta i nomi dei colori HEX, rgb (), hsl () e CSS comuni, consente di impostare quanti passaggi contiene ciascuna scala e aggiorna ogni swatch istantaneamente Una volta caricata la pagina funziona offline.