Generatore di palette di colori

Cos'è Generatore di palette di colori?

Il Generatore di palette di colori è un creatore di schemi cromatici online e gratuito per designer e sviluppatori front-end che devono costruire una palette completa attorno a un singolo colore di base. Inserisci un colore HEX e lo strumento deriva all'istante tinte più chiare, sfumature più scure, il colore complementare e armonie analoghe e triadiche usando la matematica del colore HSL — ogni campione viene mostrato con il suo valore HEX e un pulsante di copia con un clic. Usalo per scegliere i colori dell'interfaccia, costruire una scala di sfumature/tinte o trovare colori d'accento abbinati a un brand. È un generatore di palette HEX, un creatore di scale di sfumature/tinte e un localizzatore di colori complementari, tutto in uno.

Come usare Generatore di palette di colori

1. Digita un colore di base nel campo Colore di base (HEX) usando il formato #rrggbb o #rgb, oppure clicca sul grande campione del selettore di colore per sceglierlo visivamente.
2. Imposta Sfumature per lato su 2, 3 o 4 per controllare quante tinte più chiare e sfumature più scure vengono generate su ciascun lato del colore di base.
3. Leggi la sezione Sfumature e tinte: le tinte più chiare appaiono sopra il colore di base e le sfumature più scure sotto, ciascuna etichettata (Lighter N / Base / Darker N) e mostrata con il suo valore HEX.
4. Leggi la sezione Colori armoniosi per il colore complementare, gli analoghi (+30deg / -30deg) e i triadici (+120deg / -120deg).
5. Clicca sul pulsante di copia accanto a qualsiasi campione (o accanto al campo di base) per copiare quel valore HEX negli appunti.

Esempi

#ff0000

#00ffff

#ff0000

#00ff00

Domande frequenti

Quali formati di colore posso inserire?

Il colore di base si inserisce come valore HEX nel formato #rrggbb (sei cifre) o nella forma abbreviata #rgb (tre cifre). Se il valore non è un colore HEX valido, compare il messaggio 'Invalid HEX color' e non viene generata alcuna palette. Tutti i campioni in output sono mostrati come HEX nel formato #rrggbb.

Quante sfumature e tinte genera?

Scegli 2, 3 o 4 sfumature per lato. Lo strumento produce quel numero di tinte più chiare (interpolate verso il bianco) e lo stesso numero di sfumature più scure (interpolate verso il nero), oltre al colore di base al centro.

Quali colori armoniosi sono inclusi?

Genera il colore complementare (tonalità ruotata di 180deg), due colori analoghi (+30deg e -30deg) e due colori triadici (+120deg e -120deg), tutti calcolati ruotando la tonalità del colore di base in HSL.

Posso scegliere un colore visivamente invece di digitare l'HEX?

Sì. Clicca sul grande campione con il selettore di colore integrato per scegliere un colore; il campo HEX si aggiorna automaticamente e la palette si ricalcola all'istante man mano che lo modifichi.

I miei dati di colore vengono caricati da qualche parte?

No. Tutto viene eseguito interamente nel tuo browser usando la matematica del colore in locale — nessun valore di colore viene mai inviato a un server, quindi funziona offline e mantiene privata la tua palette.