Generatore di colori monocromatici

Restituisce cinque colori come codici esadecimali minuscoli di sei cifre. Il Colore 3 è quello di base; i Colori 1 e 2 sono versioni più scure, mentre i Colori 4 e 5 sono versioni più chiare della stessa tonalità.

Lo strumento converte il codice esadecimale in HSL e modifica solo la luminosità: meno 30, meno 15, più 15 e più 30 punti percentuali. Tonalità e saturazione restano invariate, quindi tutti e cinque i colori appartengono alla stessa famiglia cromatica.

Sì. I passaggi verso il più scuro non scendono mai sotto il 10 percento di luminosità e quelli verso il più chiaro non superano mai il 90 percento, così la scala evita il nero e il bianco puri.

A causa dei limiti del 10 e del 90 percento, i passaggi vicini agli estremi convergono sullo stesso valore. Per #000000, entrambi i passaggi verso il più scuro diventano #1a1a1a, che è più chiaro del colore di base; per #ffffff, entrambi i passaggi verso il più chiaro diventano #e6e6e6.

Per #ff0000 lo strumento restituisce #660000, #b30000, #ff0000, #ff4d4d e #ff9999. Il rosso ha una luminosità del 50 percento, quindi dispone dell'intera gamma: due passaggi verso il più scuro e due verso il più chiaro.

Inserite un codice esadecimale di 3 o 6 cifre, con o senza #, ad esempio #3366cc oppure 36c. La notazione RGB e HSL e i nomi dei colori non sono accettati: convertiteli prima in esadecimale.

Tonalità, saturazione e luminosità vengono arrotondate a numeri interi, quindi la conversione in HSL e poi di nuovo in esadecimale può modificare un canale di un livello. #ff5733, ad esempio, appare come #ff5833 al centro della scala.

Sì. A differenza degli schemi basati sulla tonalità, una scala monocromatica modifica la luminosità, quindi un grigio produce grigi più chiari e più scuri. Il nero e il bianco sono limitati dall'intervallo dal 10 al 90 percento descritto sopra.

Usate i colori più scuri per il testo e i bordi, quello di base per le azioni principali e i più chiari per gli sfondi e gli stati al passaggio del mouse. Verificate il contrasto del testo con un verificatore di contrasto WCAG, perché tra i passaggi adiacenti ci sono solo 15 punti di differenza nella luminosità.

Sì. Questo strumento esegue esattamente l'opzione Monocromatica del Generatore di palette di colori, quindi entrambi restituiscono gli stessi cinque codici esadecimali per lo stesso colore di base.