Generatore di palette colori

Genera palette di 5 colori con l'armonia che preferisci. Tocca un colore per bloccarlo: rigenerando cambiano solo gli altri, che si dispongono intorno a lui.

Tocca un colore per bloccarlo: con «Genera» cambiano solo gli altri, e nelle armonie si dispongono intorno al primo colore bloccato.

I colori nascono nel tuo browser: niente viene inviato o salvato.

Come funzionano le armonie di colore

Le armonie si basano sulla posizione delle tinte sulla ruota dei colori. Nella palette di analoghi le cinque tinte stanno a 18° l'una dall'altra, 72° in tutto: palette morbide, ottime per sfondi e interfacce. In quella di complementari si alternano una tinta e quella opposta (180°, con qualche grado di scarto perché non sembrino copiate), dal colore più scuro al più chiaro: il massimo contrasto, per un colore d'accento che salti all'occhio. La triade prende tre tinte a 120° l'una dall'altra, e gli ultimi due colori sono le versioni chiare delle prime due tinte. Con pastello la luminosità resta fra l'80 e il 90%: con tanta luce anche un colore saturo diventa tenue, lo stile delicato di tanto packaging e dei prodotti per l'infanzia.

Bloccare un colore

Tocca un colore per bloccarlo: compare il lucchetto, e con «Genera» cambiano solo gli altri. Nelle armonie il primo colore bloccato decide la tinta di partenza, quindi gli altri si dispongono davvero intorno a lui: è il modo di costruire una palette attorno al colore di un logo. Un grigio, il bianco e il nero una tinta non ce l'hanno: se il primo bloccato è uno di loro decide il bloccato colorato che viene dopo, e se non ce n'è nessuno la tinta di partenza è a caso. La cronologia tiene i colori usciti dalla palette, il più recente in cima, e mai uno che vedi già. Toccandone uno lo rimetti nella palette, al posto del primo che non è bloccato, e resta bloccato.

Con il pulsante «Un colore» in alto la stessa pagina dà un colore solo. La cronologia dura finché la pagina resta aperta: niente viene salvato o inviato.

Come usare la palette in un progetto reale

La regola pratica più usata è il 60-30-10: un colore dominante per il 60% della composizione (sfondi), un secondario per il 30% (sezioni, card), e un colore d'accento per il 10% (bottoni, link, dettagli). Copia i codici HEX e incollali direttamente in Figma, Canva, PowerPoint o nel CSS del tuo sito. Prima di pubblicare, verifica il contrasto tra testo e sfondo: un rapporto di almeno 4,5:1 rende il testo leggibile a tutti.

Quattro pagine, due mestieri

Generatore palette colori e Colore casuale sono lo stesso generatore, con un colore o con cinque: con i due pulsanti in alto si passa dall'uno all'altro senza cambiare pagina. Per scrivere un colore e averlo in tutti i formati ci sono Convertitore colori e Selettore di colori, lo stesso strumento con due ingressi.

Strumenti correlati

Colore casuale Genera colori casuali con HEX e RGB: tutti, pastello o scuri, con cronologia. Colori complementari Complementare, triade, tetrade, analoghi e split da un colore base, hex copiabili. Selettore di colori Color picker con valori HEX, RGB e HSL e cronologia degli ultimi 12 colori. Convertitore colori Converti tra HEX, RGB, HSL e CMYK con anteprima e copia rapida. Tinte e ombre di un colore Scala di 10 tinte verso il bianco e 10 ombre verso il nero, con hex da copiare. Estrai colori da foto Palette dei colori dominanti di un'immagine con codici HEX da copiare al click.