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.
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 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.




