Material Design krāsu palete

Material Design paletes seko Google loģikai: viena primārā krāsa, viena sekundārā akcentiem, neitrālas virsmas un pelēko toņu skala tekstam un pacēlumam.

Paletes piemērs

Primārā#1976D2
Gaišā primārā#42A5F5
Virsma#FAFAFA
Sekundārā#FFA000
Uz virsmas#212121

Heksadecimālie kodi gatavi kopēšanai

Veidota saskarnēm

Klasiskās harmonijas domā toņos, bet Material domā lomās: primary, secondary, surface, on-surface, error. Katrai krāsai ir uzdevums, tāpēc paleti var tieši pārvērst dizaina sistēmas mainīgajos.

Kontrasts un pacēlums

Material pieprasa vismaz 4.5:1 kontrastu starp tekstu un tā virsmu. Pacēluma līmeņus veido pakāpeniski gaišākas virsmas, nevis ēnu slāņi — tas noder tumšajā motīvā, kur ēnas vairs nav redzamas.

Ģenerēt manu paleti: material design

Bez maksas, bez reģistrācijas

Citas krāsu harmonijas