Vai al contenuto

Generatore di palette colori FREE

Costruisci una tavolozza da un colore con le armonie classiche, poi verifica il contrasto di ogni coppia prima di sceglierla.

Uso gratuito Nessuna registrazione Privacy al primo posto

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) o un nome di colore CSS.

Recenti

Tavolozze

Quali coppie sono leggibili

Ogni colore come testo su ogni altro. Il numero è il rapporto di contrasto WCAG; AA è 4,5:1 per il testo normale e 3:1 per il testo grande e i componenti di interfaccia.

Copia la tavolozza

Ogni conversione, ogni tavolozza e ogni valore di contrasto di questa pagina è calcolato nel tuo browser. Un'immagine trascinata qui viene letta su un canvas in questa scheda e non viene mai caricata.

Come funziona

Come sono costruite le armonie

Complementare, analoga, triadica, tetradica, complementare divisa e quadrata, calcolate ruotando la tinta in OKLCH anziché in HSL. La differenza conta: ruota una tinta di 120 gradi in HSL e uno dei tre risultati esce visibilmente più scuro degli altri, perché la luminosità di HSL è una media dei canali e non qualcosa che l'occhio misura.

Ogni colore è mostrato con il suo contrasto su bianco e su nero, e la tavolozza si esporta come proprietà personalizzate CSS, variabili SCSS, JSON o elenco semplice. Non viene caricato nulla; la tavolozza resta in questo browser e puoi cancellarla.

Costruisci un web migliore, più in fretta.

Sviluppiamo software e soluzioni su misura per le tue esigenze.

Contattaci