Generatore di Schemi Colore
Genera tavolozze armoniche con la teoria dei colori: complementare, analogo, triadico, tetradico e altro.
Colore base
Schema di colori
Palette generata
#3C83F6
Base#F6AF3C
ComplementareHSL base: hsl(217, 91%, 60%)
Informazioni su questo strumento
Il generatore di schemi di colori usa le relazioni della teoria dei colori per produrre palette armoniose da un singolo colore base.
Questo approccio rispecchia il metodo utilizzato dagli strumenti di design professionali.
Tipi di schema
- Complementare: Due colori opposti sulla ruota (180°). Alto contrasto.
- Analogo: Tre colori adiacenti (±30°). Armonioso e naturale.
- Triadico: Tre colori equidistanti (120°). Vibrante ed equilibrato.
- Tetradico: Quattro colori equidistanti (90°). Palette ricca e complessa.
- Complementare diviso: Base + due adiacenti al complementare. Alto contrasto ma più morbido.
- Monocromatico: Cinque sfumature dello stesso colore. Sottile e coeso.
Casi d'uso
I designer di brand generano palette complete da un singolo colore primario. Gli sviluppatori web scelgono colori di accento complementari per gli stati hover.
Domande frequenti
- Perché alcuni colori sembrano simili? — Accade quando la saturazione o la luminosità è molto bassa o alta. Prova un tono medio più saturo come base.
- Posso usarli in Tailwind o CSS? — Sì. Copia i codici hex e usali come colori personalizzati in tailwind.config o variabili CSS.
- Cos'è HSL? — Tonalità-Saturazione-Luminosità. La tonalità è l'angolo sulla ruota dei colori (0-360°).