Paleta de colors Material Design
Les paletes Material Design segueixen la lògica de Google: un color primari, un de secundari per als accents, superfícies neutres i una escala de grisos per al text i l’elevació.
Paleta d’exemple
Primari#1976D2
Primari clar#42A5F5
Superfície#FAFAFA
Secundari#FFA000
Sobre superfície#212121
Codis hexadecimals a punt per copiar
Pensada per a interfícies
Les harmonies clàssiques pensen en tons; Material pensa en funcions: primary, secondary, surface, on-surface, error. Cada color té una tasca, cosa que permet transformar la paleta directament en tokens d’un sistema de disseny.
Contrast i elevació
Material requereix un contrast mínim de 4.5:1 entre el text i la superfície. Els nivells d’elevació es creen aclarint progressivament la superfície en lloc d’acumular ombres, una solució útil en temes foscos, on les ombres deixen de ser visibles.
Genera la meva paleta material design
Gratuït, sense registre