Vai al contenuto

Generatore palette colori

WCAG contrast: at least 4.5:1 for normal text, 3:1 for large text.
Palette

Strumenti per sviluppatori popolari

Come usare

  1. Pick a base color (HEX).
  2. Choose a scheme (complementary/analogous/triadic) and count.
  3. Genera the palette.
  4. Copia HEX/CSS variables and check contrast (WCAG).

Come leggere i risultati

  • Palettes are generated using HSL harmony rules. In real UI, you usually fine-tune saturation/lightness.
  • If contrast is below 4.5:1, normal text readability may suffer.
  • Auto text color chooses black/white with better contrast.
  • Before shipping, test with your font size and actual background/surface colors.

FAQ

I miei dati vengono inviati a un server?

No. Quando possibile, l'elaborazione avviene localmente nel browser e non memorizziamo input o risultati sui nostri server. (Possono comunque verificarsi richieste di rete per caricamento pagina e annunci.)

Cosa devo controllare se l'output sembra sbagliato?

Controlla codifica input (UTF‑8), interruzioni riga (CRLF/LF), spazi/virgolette e opzioni. Per dati sensibili, segui la tua policy di sicurezza.

Come posso migliorare una tavolozza che non sembra juist?

Regola il colore base (saturazione/luminosità) o cambia schema (complementare/analogo). Per l'UI, controlla sempre il contrasto (WCAG).