Apa itu Pemilih Warna Material Design?

Material Design Color Picker menyediakan palet warna Material Design lengkap dengan semua warna primer dan varian shade-nya (50 hingga 900). Klik swatch mana pun untuk mendapatkan nilai HEX yang tepat, siap digunakan dalam sistem desain atau kode Anda.

Cara menggunakan

  1. Jelajahi grid warna yang menampilkan semua warna primer Material Design — Red, Pink, Purple, Deep Purple, Indigo, Blue, dan lainnya.
  2. Klik warna primer untuk membuka varian shade dari yang paling terang (50) hingga paling gelap (900), termasuk shade aksen (A100–A700).
  3. Klik shade mana pun untuk menyalin kode HEX-nya, atau buat palet dengan memilih beberapa warna untuk proyek Anda.

Hasil

Anda sedang membangun dashboard dan memerlukan warna Material Design 'Indigo 500' (#3F51B5) yang tepat untuk warna tombol utama dan 'Indigo 50' (#E8EAF6) untuk latar belakang hover.

Alat terkait