Material Design-fargepalett
Material Design-paletter følger Googles tankegang: én primærfarge, én sekundærfarge til fremheving, nøytrale flater og en gråskala til tekst og nivåforskjeller.
Eksempelpalett
Primær#1976D2
Lys primær#42A5F5
Flate#FAFAFA
Sekundær#FFA000
På flate#212121
Heksadesimalkoder klare til å kopieres
Laget for grensesnitt
Material Design organiserer farger etter rolle: primær, sekundær, flate, innhold på flaten og feil. Hver farge har et formål, noe som gjør det enklere å knytte paletten til designvariabler.
Kontrast og nivåforskjeller
Material krever minst 4,5:1 i kontrast mellom tekst og flaten den står på. Nivåforskjeller skapes ved å gjøre flaten gradvis lysere fremfor å stable skygger — praktisk i mørkt tema, der skygger ikke lenger er synlige.
Generer paletten min med material design
Gratis, uten registrering