Palet Warna Material Design

Palet Material Design mengikuti logik Google: satu warna primer, satu warna sekunder untuk aksen, permukaan neutral dan skala kelabu untuk teks serta aras ketinggian.

Contoh palet

Primer#1976D2
Primer cerah#42A5F5
Permukaan#FAFAFA
Sekunder#FFA000
Pada permukaan#212121

Kod heksadesimal sedia untuk disalin

Dibina untuk antara muka

Harmoni klasik berfikir dari segi rona, manakala Material berfikir dari segi peranan: primary, secondary, surface, on-surface, error. Setiap warna mempunyai tugas, menjadikan palet ini mudah diterjemahkan terus kepada token sistem reka bentuk.

Kontras dan aras ketinggian

Material memerlukan kontras sekurang-kurangnya 4.5:1 antara teks dengan permukaannya. Aras ketinggian dihasilkan dengan mencerahkan permukaan secara beransur dan bukannya menindan bayang — berguna dalam tema gelap apabila bayang tidak lagi kelihatan.

Jana palet saya material design

Percuma, tanpa pendaftaran

Harmoni warna lain