🎨

Generatore palette colori

Genera bellissime palette colori da un colore di base. Esporta in CSS, HEX o JSON.

Strumenti di design Funziona localmente Nessun dato inviato
palette HSL complementare design
Colore di base
Tipo di palette
Conteggio (solo monocromatico): 5
5
Formato di esportazione
Anteprima palette
Esporta

Che cos'è il Generatore palette colori?

Genera bellissime palette colori da un colore di base. Scegli schemi complementari, analoghi, triadici o monocromatici ed esporta in CSS, HEX o JSON.

Come usare il Generatore palette colori

  1. Scegli il colore di base da cui partire.
  2. Scegli lo stile della palette, come complementare, analoga o monocromatica.
  3. Controlla i campioni generati e modifica il colore di base se necessario.
  4. Copia i valori HEX che vuoi riutilizzare nel tuo design system o mockup.

Strumenti correlati

🎨
Selettore colore
Converti i colori tra HEX, RGB, HSL e CMYK
 🌈
Generatore gradiente CSS
Crea gradienti CSS lineari e radiali con anteprima in tempo reale
 ⚖️
Verifica contrasto WCAG
Controlla i rapporti di contrasto colore WCAG AA e AAA per l'accessibilità
Comprendere le palette colori ▾
Esempio
Input Generazione di una palette complementare da un colore blu di base:
Risultato Il colore complementare si trova direttamente opposto sul cerchio cromatico, creando un abbinamento ad alto contrasto e vivace.
Casi d'uso comuni
  • Crea sistemi colore UI da un colore brand di base
  • Genera colori d'accento di supporto per grafici o illustrazioni
  • Esplora possibili direzioni per la palette prima di passare al design
  • Crea rapidamente set di colori per post social o slide
Domande frequenti
Come scelgo il tipo di armonia giusto?

Usa l'armonia complementare per design audaci e ad alto contrasto. Usa l'analogica per temi UI morbidi e coerenti. Usa la triadica quando ti servono tre colori d'accento bilanciati. Usa la monocromatica quando semplicità ed eleganza sono la priorità.

La palette verifica il contrasto per l'accessibilità?

Questo strumento si concentra sulla generazione di armonie cromatiche. Per il controllo del contrasto WCAG, usa gli strumenti Contrast Checker o WCAG AA Checker su questo sito.

Posso esportare la palette in Figma o CSS?

Sì — usa il formato di esportazione CSS per ottenere proprietà personalizzate CSS pronte da incollare, oppure copia i valori HEX singolarmente da incollare in qualsiasi strumento di design.

A cosa serve il cursore del conteggio monocromatico?

Quando usi il tipo Monocromatico, puoi controllare quante tinte e ombre vengono generate (3–10). Questo ti offre una scala di grigi o colorata a grana fine su cui lavorare.