Material Designi värvipalett

Material Designi paletid järgivad Google’i loogikat: üks põhivärv, teisene rõhuasetuste jaoks, neutraalsed pinnad ning halliskaala teksti ja kõrgustasemete jaoks.

Näidispalett

Põhivärv#1976D2
Hele põhivärv#42A5F5
Pind#FAFAFA
Teisene värv#FFA000
Pinnal#212121

Kopeerimiseks valmis kuueteistkümnendkoodid

Loodud liideste jaoks

Klassikalised harmooniad lähtuvad toonidest, Material aga rollidest: primary, secondary, surface, on-surface, error. Igal värvil on ülesanne, mistõttu saab paleti otse disainisüsteemi muutujateks teisendada.

Kontrast ja kõrgustasemed

Material nõuab teksti ja selle pinna vahel vähemalt 4.5:1 kontrasti. Kõrgustasemed tekivad pinna järkjärgulise helendamisega varjude kuhjamise asemel. See on kasulik tumedas teemas, kus varje enam näha pole.

Genereeri minu palett: material design

Tasuta ja registreerumiseta

Teised värviharmooniad