Palette di colori per siti web

Dodici combinazioni che reggono un layout vero: abbastanza gamma per uno sfondo, una superficie, un testo e un accento, senza che due colori si contendano lo stesso ruolo.

Come usarle su un sito

  • Assegna i ruoli prima dei colori: sfondo, superficie, bordo, testo, accento. Se una palette non copre tutti e cinque, aggiungi un neutro invece di scartarla.
  • Il colore più chiaro per le aree ampie, il più scuro per il testo. I toni intermedi vanno su bordi, stati hover e testo secondario.
  • Tieni l'accento per ciò su cui si clicca. Se risalta tutto, non risalta niente.

Il colore del testo sotto ogni palette è quello che raggiunge il contrasto più alto — quasi nero o bianco — sul suo primo colore. Verifica ogni altro abbinamento prima di usarlo per il testo di lettura.

Etichette collegate