Färgpalett för Material Design
Material Design-paletter följer Googles logik: en primärfärg, en sekundärfärg för accenter, neutrala ytor och en gråskala för text och höjdnivåer.
Exempelpalett
Primär#1976D2
Ljus primär#42A5F5
Yta#FAFAFA
Sekundär#FFA000
På yta#212121
Hexkoder redo att kopieras
Byggd för gränssnitt
Material Design organiserar färger efter roll: primär, sekundär, yta, på yta och fel. Varje färg har ett syfte, vilket gör det lättare att koppla paletten till designtokens.
Kontrast och höjdnivåer
Material kräver minst 4,5:1 i kontrast mellan text och dess yta. Höjdnivåer skapas genom att gradvis ljusa upp ytan i stället för att stapla skuggor. Det är praktiskt i mörka teman, där skuggor inte längre syns.
Generera min palett: material design
Gratis, utan registrering