Strumento colore pratico

Generatore armonia colori

Genera armonie complementari, analoghe, triadiche, split-complementary, tetradiche e monocromatiche.

Apri nel tool principaleTorna allo strumento
EnglishItalianoEspañolFrançaisDeutsch

Cosa offre questa pagina

  • Scegli un armonia in base a tensione visiva e ruolo UI.
  • Usa complementari per accenti, analoghi per layout calmi.
  • Controlla il contrasto prima di usare colori come testo o bottoni.

Ideale per

  • Teoria colore
  • Palette UI
  • Accenti brand

Come usarlo

Generatore paletteCrea palette accessibili, controlla il contrasto WCAG, estrai colori dalle immagini ed esporta CSS, Tailwind, SCSS, JSON, SVG e PNG.Controllo WCAGVerifica contrasto tra testo e sfondo secondo WCAG AA e AAA, testa coppie colore reali e scegli combinazioni leggibili.Estrattore immaginiEstrai colori dominanti da immagini PNG, JPG o WebP direttamente nel browser e trasformali in palette e token esportabili.
Posso usarlo con il generatore principale?

Sì. Parti da questa pagina, poi apri lo strumento Chromoforge con lo stesso colore base ed esporta la palette.

Quale regola di armonia si adatta a un'interfaccia?

Gli schemi analoghi e monocromatici restano tranquilli e sono facili da rendere accessibili, perche le tinte sono vicine e si varia la luminosita. Il complementare offre un accento forte su una base neutra. Triadico e tetradico funzionano meglio per illustrazione e data visualization che per una UI densa.

Una palette armonica supera automaticamente i controlli di accessibilita?

No. L'armonia descrive relazioni tra tinte, il contrasto dipende dalla luminosita. Due colori perfettamente complementari alla stessa luminosita sono quasi illeggibili uno sull'altro. Verifica sempre ogni coppia testo-sfondo rispetto a 4.5:1 per il testo normale.