Palet Warna Material Design

Palet Material Design mengikuti logika Google: satu warna primer, satu sekunder untuk aksen, permukaan netral, dan skala abu-abu untuk teks serta elevasi.

Contoh palet

Primer#1976D2
Primer terang#42A5F5
Permukaan#FAFAFA
Sekunder#FFA000
Di atas permukaan#212121

Kode hex siap disalin

Dirancang untuk antarmuka

Jika harmoni klasik berfokus pada rona, Material berfokus pada peran: primer, sekunder, permukaan, di atas permukaan, kesalahan. Setiap warna memiliki tugas, sehingga palet dapat langsung diterjemahkan menjadi token sistem desain.

Kontras dan elevasi

Material mensyaratkan kontras minimal 4.5:1 antara teks dan permukaannya. Tingkat elevasi dibuat dengan mencerahkan permukaan secara bertahap, alih-alih menumpuk bayangan. Ini berguna pada tema gelap, ketika bayangan tidak lagi terlihat.

Buat palet material design saya

Gratis tanpa pendaftaran

Harmoni warna lainnya