Generatore di Tonalità e Ombre
Genera automaticamente le tonalità più chiare e le ombre più scure di qualsiasi colore, con il suo codice HEX.
Come generare tonalità e ombre di un colore
Scegli un colore base
Seleziona il colore di partenza con il selettore visivo o inserisci il suo codice HEX.
Consulta le tonalità e le ombre
Vedrai automaticamente 5 tonalità più chiare (tinte) e 5 più scure (ombre) generate dal tuo colore.
Copia il codice HEX che ti serve
Fai clic su qualsiasi campione per copiare il suo codice HEX negli appunti.
Domande frequenti sul generatore di tonalità e ombre
Avere le varianti più chiare e più scure di un colore è essenziale per creare una palette di design coerente (ad esempio, per stati hover, sfondi o bordi). Questo strumento le calcola automaticamente.
Qual è la differenza tra una tonalità (tint) e un'ombra (shade)?
+
Una tinta si ottiene mescolando il colore con il bianco (schiarendo) e un'ombra mescolandolo con il nero (scurendo).
Quante varianti genera?
+
Genera 5 tinte più chiare e 5 ombre più scure a partire dal tuo colore base, 10 in totale.
Posso copiare i codici?
+
Sì, fai clic su qualsiasi colore dell'elenco per copiare il suo codice HEX.
Funziona per creare una palette di design tipo Tailwind?
+
Sì, è esattamente lo stesso concetto delle scale di colore 50-900 che usano molti sistemi di design.
È gratuito?
+
Sì, questo strumento è completamente gratuito.
Il mio colore viene caricato su un server?
+
No, tutti i calcoli vengono eseguiti direttamente nel tuo browser.
Colori
Convertitore di colori (HEX, RGB, HSL, CMYK)
Converti qualsiasi colore tra HEX, RGB, HSL e CMYK istantaneamente, con anteprima in tempo reale e il nome del colore più vicino.
Generatore di palette di colori
Crea palette armoniche di 5 colori (complementari, analoghe, triadiche o monocomatiche) a partire da un colore base.
Generatore di gradienti CSS
Crea gradienti lineari o radiali con fino a 4 colori e copia il codice CSS pronto all'uso.
Controllore di contrasto WCAG
Verifica se la combinazione di colore del testo e dello sfondo rispetta i livelli di accessibilità AA e AAA.
Colore casuale
Genera un colore casuale con un clic e scopri il suo nome, codice HEX/RGB/HSL e colori simili.
Selettore di colore (contagocce)
Scegli qualsiasi colore dal tuo schermo con lo strumento contagocce del browser, oppure utilizza il selettore classico.
Simulatore di daltonismo
Carica un'immagine e verifica come la vedrebbero persone con protanopia, deuteranopia o tritanopia.
Generatore di Gradienti Mesh
Crea sfondi con gradienti mesh (macchie di colore sfumate) e scaricali in PNG o copia il codice CSS.
Mixer di Colori
Mescola due colori e scopri i toni intermedi passo dopo passo, con il loro codice HEX.
Ruota Cromatica (Armonie)
Scegli un colore sulla ruota e scopri le sue combinazioni armoniche: complementari, analoghi, triadici e altro ancora.
Estrattore di Tavolozza da Immagine
Carica un'immagine ed estrai automaticamente i suoi colori dominanti in una tavolozza, con il codice HEX di ciascuno.
Colore Medio di un'Immagine
Carica un'immagine e calcola istantaneamente il suo colore medio, con i codici HEX, RGB e HSL.
Esplora i colori per famiglia
Oltre 469 colori con nome, con i loro codici HEX, RGB, HSL e CMYK, organizzati in 12 famiglie di tonalità.
