Genera tinte, sfumature e palette armoniche da qualsiasi colore base
Un generatore di palette prende un colore base e costruisce attorno a esso un insieme di colori coordinati — tinte più chiare, ombre più scure e compagni armoniosi scelti per relazioni di teoria del colore invece che a occhio. Scegliere un singolo colore che piace è facile; trasformarlo in una palette completa che appaia intenzionale è la parte difficile, perché colori che stonano o troppo vicini fanno sembrare amatoriale un design. Questo strumento gestisce le relazioni per te, così parti da un colore e ottieni uno schema utilizzabile in secondi.
Le armonie che produce vengono da posizioni sulla ruota dei colori: i complementari sono opposti per alto contrasto, gli analoghi sono vicini per una sensazione calma e coesa, e le triadi sono distanziate uniformemente per una varietà equilibrata. Tinte e ombre nascono tenendo fissa la tonalità e regolando la luminosità, è così che si costruisce la rampa coerente da chiaro a scuro che una UI richiede per sfondi, testo e stati. Tutto viene generato nel browser con valori HEX copiabili pronti per il tuo CSS o strumento di design.
Una tinta è il colore base mescolato verso il bianco (più chiaro), e un'ombra verso il nero (più scura). Generare tinte e ombre mantiene la stessa tonalità variando la luminosità, il che produce una famiglia coordinata invece di colori scollegati.
Sono relazioni sulla ruota dei colori. I complementari sono opposti per un forte contrasto, gli analoghi sono vicini per un aspetto armonioso, e i triadici sono distanziati uniformemente per una varietà equilibrata. Ciascuno serve a un mood di design diverso.
Le palette arrivano con valori HEX che puoi copiare direttamente nel CSS o in uno strumento di design, dato che HEX è il formato più accettato. Da lì puoi convertire qualsiasi colore in RGB o HSL se uno strumento specifico lo richiede.
L'armonia da sola non garantisce la leggibilità — il testo ha bisogno di contrasto sufficiente con il suo sfondo. Usa le estremità chiare e scure di una rampa di tinte/ombre per le coppie testo-su-sfondo e verificale rispetto ai rapporti di contrasto WCAG prima di pubblicare.
Generatore sfumatura CSS · Verificatore contrasto · Miscelatore colori · Cercatore nome colore