Generatore di palette di colori
Funziona sul tuo dispositivo. Nulla viene inviato.Tutto avviene nel browser: non viene caricato nulla.
Colori5
Suggerimento: premi Spazio per una nuova palette.Armonia
Esporta
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Crea palette dalle armonie del cerchio cromatico o a caso, blocca i colori che ti piacciono e copiali come variabili CSS, colori Tailwind o JSON.
Premi Genera (o Spazio) per una nuova palette. Blocca i colori da tenere e gli altri vengono ricostruiti intorno con un'armonia del cerchio cromatico: vicini analoghi, una scala monocromatica, opposti complementari o complementari divisi, triadi e tetradi, oppure puro caso con tinte ben distribuite. Clicca sul codice hex per copiarlo o sul colore per sceglierlo tu. Esporta come proprietà CSS, scala Tailwind o JSON, salva un PNG o copia un link alla stessa palette.
Domande frequenti
Cosa significano le armonie?
Sono posizioni sul cerchio cromatico. I colori analoghi stanno vicini (calma), i complementari opposti (forte contrasto), la complementare divisa usa i due vicini dell'opposto, la triade tre colori a 120° e la tetrade quattro a 90°. Monocromatica tiene la tinta e varia la luminosità.
Come creo una palette intorno al colore del mio brand?
Clicca il primo colore, scegli il tuo, bloccalo e premi Genera. Gli spazi liberi si riempiono con l'armonia scelta partendo dal tuo colore.
Il testo su ogni colore è leggibile?
Il codice hex passa a nero o bianco, quello con più contrasto. Per il testo corrente controlla la coppia esatta nel verificatore di contrasto WCAG dei nostri strumenti colore.
Viene salvato qualcosa?
La palette attuale viene ricordata su questo dispositivo. Un link condiviso porta i colori dopo il # dell'indirizzo, parte che non arriva al nostro server.