Palette di colori Material Design

Le palette Material Design seguono la logica di Google: un colore primario, un secondario per gli accenti, superfici neutre e una scala di grigi per testo e livelli di elevazione.

Palette di esempio

Primario#1976D2
Primario chiaro#42A5F5
Superficie#FAFAFA
Secondario#FFA000
Su superficie#212121

Codici esadecimali pronti da copiare

Pensata per le interfacce

Material Design organizza i colori per ruolo: primario, secondario, superficie, contenuto su superficie ed errore. Ogni colore ha una funzione, rendendo più semplice associare la palette ai token di design.

Contrasto ed elevazione

Material richiede un contrasto di almeno 4,5:1 tra il testo e la superficie su cui si trova. I livelli di elevazione si ottengono schiarendo progressivamente la superficie invece di sovrapporre ombre: una soluzione utile nel tema scuro, dove le ombre smettono di essere visibili.

Genera la mia palette: material design

Gratis, senza registrazione

Altre armonie cromatiche