Material Design-farvepalette
Material Design-paletter følger Googles logik: én primærfarve, en sekundærfarve til accenter, neutrale flader og en gråskala til tekst og højdeniveauer.
Eksempelpalette
Primær#1976D2
Lys primær#42A5F5
Flade#FAFAFA
Sekundær#FFA000
På flade#212121
Hex-koder klar til at kopiere
Skabt til brugerflader
Hvor klassiske harmonier tænker i farvetoner, tænker Material i roller: primary, secondary, surface, on-surface, error. Hver farve har en opgave, så paletten kan omsættes direkte til designtokens i et designsystem.
Kontrast og højdeniveauer
Material kræver mindst 4.5:1 i kontrast mellem tekst og dens flade. Højdeniveauer skabes ved gradvist at gøre fladen lysere frem for at lægge flere skygger oven på hinanden — praktisk i mørkt tema, hvor skygger ikke længere er synlige.
Generér min palette material design
Gratis, uden tilmelding