Come posso verificare se due colori hanno abbastanza contrasto?.

Due colori possono sembrare attraenti insieme eppure essere difficili da leggere. Il contrasto è la differenza di luminosità percepita tra un colore in primo piano — solitamente un testo o un’icona — e il suo sfondo.

Il basso contrasto è più evidente con testi piccoli, font sottili e schermi luminosi all’aperto. Può anche rendere i pulsanti e i controlli dei moduli difficili da riconosc l’occhio, anche quando i colori si adattano al brand.

Verifica la coppia, non solo la palette

Una palette può contenere eccellenti colori individuali ma fallire quando particolari coppie vengono utilizzate insieme. Testa la combinazione reale: testo scuro su una scheda chiara, testo bianco su un pulsante colorato, o un’icona contro il suo sfondo.

L’Estrattore di Palette può estrarre colori da un’immagine e identificare una coppia di contrasto. Questo ti fornisce un punto di partenza pratico quando una foto, un logo o un’immagine di brand definisce la direzione visiva.

Apporta prima piccoli cambiamenti

Se una coppia è debole, prova una di queste soluzioni prima di abbandonare il colore:

• scurisci il colore del testo
• schiarisci o scurisci lo sfondo
• usa un peso del font più marcato o un testo più grande
• aggiungi uno sfondo solido dietro il testo posizionato su un’immagine

Non fare affidamento solo sul colore per comunicare uno stato come errore, successo o stato selezionato. Etichette, icone e una formulazione chiara rendono l’interfaccia più facile da comprendere per tutti.