Material Design színpaletta

A Material Design palettái a Google logikáját követik: egy elsődleges szín, egy másodlagos a kiemelésekhez, semleges felületek és szürkeskála a szöveghez, valamint a magassági szintekhez.

Példapaletta

Elsődleges#1976D2
Világos elsődleges#42A5F5
Felület#FAFAFA
Másodlagos#FFA000
Felületen#212121

Azonnal másolható hexadecimális kódok

Felületekre tervezve

Míg a klasszikus harmóniák árnyalatokban gondolkodnak, a Material szerepekben: primary, secondary, surface, on-surface, error. Minden színnek feladata van, így a paletta közvetlenül leképezhető egy tervezési rendszer tokenjeire.

Kontraszt és magassági szintek

A Material legalább 4,5:1 kontrasztot követel meg a szöveg és a felülete között. A magassági szinteket egymásra halmozott árnyékok helyett a felület fokozatos világosítása jelzi: ez sötét témánál hasznos, ahol az árnyékok már nem látszanak.

Saját paletta generálása: material design

Ingyenes, regisztráció nélkül

További színharmóniák