Generatore Ombreggiature Colore

Questi sono i tre modi classici di alterare un colore mantenendo la sua tonalità riconoscibile. Un'ombreggiatura mescola il colore con il nero, rendendolo più scuro. Una tinta lo mescola con il bianco, rendendolo più chiaro e morbido. Un tono lo mescola con il grigio, smorzandolo senza spingerlo verso il nero o bianco puro. Questo strumento genera tutti e tre come striscia a 11 gradini, dal colore originale fino allo 0%.

Ogni passo fonde i canali rosso, verde, e blu del tuo colore verso il target (nero, bianco, o grigio) di una percentuale fissa, lo stesso semplice approccio di interpolazione lineare usato dalla maggior parte degli strumenti di riferimento colore, invece di regolare la luminosità in HSL. Questo mantiene la progressione visivamente uniforme e corrisponde a ciò che otterresti mescolando vernice o inchiostro verso nero, bianco, o grigio.

Complementare ruota solo la tonalità di 180° sulla ruota dei colori mantenendo la stessa saturazione e luminosità, così un rosso vivido diventa un ciano altrettanto vivido, questo è il "colore opposto" usato in teoria del colore e design. Invertito invece capovolge ogni valore rosso, verde e blu (255 meno l'originale), il che cambia anche la luminosità, il bianco diventa nero con l'inversione, ma resta bianco con l'operazione complementare poiché non c'è tonalità da ruotare.

Triadico sceglie altri due colori equamente spaziati 120° l'uno dall'altro sulla ruota dei colori, dando tre colori con forte contrasto che comunque sembrano bilanciati insieme. Analogo sceglie colori a 30° su entrambi i lati della tua tonalità, colori che si trovano vicini l'uno all'altro sulla ruota e appaiono naturalmente armoniosi. Monocromatico mantiene la tonalità e saturazione esatte del tuo colore ma varia solo la luminosità, dando un set di colori garantiti a corrispondere poiché sono realmente lo stesso colore a diversi livelli di luminosità.

I 216 colori web-safe sono la palette che rendeva identicamente su vecchi display a 256 colori, ogni canale rosso, verde, e blu limitato a uno di sei valori (0, 51, 102, 153, 204, 255). Gli schermi moderni non hanno bisogno di questa restrizione, ma l'equivalente web-safe è ancora utile come riferimento per stile retro o output a colori estremamente limitati.

HSL, HSV, e CMYK descrivono tutti lo stesso colore attraverso modelli diversi costruiti per scopi diversi. Sia HSL sia HSV descrivono la tonalità, e la differenza tra il "valore" di HSV e la "luminosità" di HSL significa che lo stesso colore può riportare una percentuale di saturazione diversa tra i due. CMYK descrive quanto inchiostro ciano, magenta, giallo, e nero mescolerebbe una stampante, il che segue regole di colore sottrattive invece delle regole di luce additiva rosso, verde, e blu che usano RGB e HSL/HSV, quindi non è una semplice conversione diretta.

Sì. Clicca qualsiasi codice hex nella riga Valori colore, in qualsiasi campione di ombreggiatura, tinta, tono, o schema colore, per copiarlo negli appunti. La sezione Codice CSS in fondo ha regole già pronte background-color, color, border-color, e box-shadow con i propri pulsanti copia.