Generatore di palette
Premi spazio per una nuova palette. Blocca i colori che ti piacciono, controlla il contrasto e prendi il codice per il tuo sito.
Passa il mouse su un colore: il lucchetto lo blocca, i puntini lo trascinano, «+» aggiunge un colore accanto. Clicca sul codice per modificarlo.Ogni colore ha i pulsanti: blocca, copia, sfumature, elimina. Tocca il codice del colore per modificarlo.
Contrasto
Coppie di colori della palette secondo WCAG: AA - testo normale, AAA - l'opzione migliore.
Esporta
Palette pronte
Controlli rapidi: Favicon · Anteprima SEO · Negozio del concorrente · Generatore di palette
Come si usa
Ogni pressione dello spazio dà una nuova palette. Ti piace un colore? Bloccalo con il lucchetto e le palette successive si abbineranno a lui. Clicca sul codice di un colore per regolare luminosità, saturazione e tonalità o inserire il tuo HEX. Il pulsante a righe mostra sfumature più chiare e più scure del colore, comode per uno sfondo o un colore al passaggio del mouse. I colori si trascinano, si aggiungono tra due vicini e si eliminano, da 2 a 10.
Palette da una foto e codice pronto
Carica una foto o incollala dagli appunti: lo strumento trova i colori principali. La palette si copia come variabili CSS, SCSS, configurazione Tailwind o JSON, si scarica come immagine PNG o SVG, si salva nel profilo o si apre in «Gradiente da una foto» per farne uno sfondo. L'indirizzo della pagina contiene sempre la palette attuale: basta condividerlo.
Domande frequenti
Non hai trovato la risposta? Scrivici e ti aiutiamo.
Premi spazio o il pulsante «Genera». Blocca con il lucchetto i colori che ti piacciono: restano alla generazione successiva e gli altri si abbinano a loro nell'armonia scelta.
Analoga - tonalità vicine, calma e morbida. Monocromatica - una tonalità con luminosità diverse. Complementare - colori opposti, il contrasto più forte. Complementare divisa, triade e tetrade - 3-4 tonalità distribuite sul cerchio. «Auto» ne sceglie una ogni volta.
In questo spazio gli stessi valori di luminosità appaiono ugualmente chiari all'occhio, quindi la palette ha sempre colori chiari e scuri e la saturazione non salta tra le tonalità come in HSL.
Il blocco «Contrasto» mostra coppie di colori della palette e il loro contrasto WCAG: da 4.5:1 - testo normale (AA), da 7:1 - AAA, da 3:1 - solo titoli grandi. Il colore del testo in ogni colonna viene scelto in automatico.
Circa un uomo su dodici percepisce i colori in modo diverso. Attiva la simulazione di protanopia, deuteranopia, tritanopia o visione monocromatica e verifica che i colori importanti non si confondano.
Sì, senza limiti. Le palette vengono generate nel tuo browser e un insieme di colori non è protetto dal diritto d'autore.