material palette generator

Generator palet desain material

Apa ini?

Ini adalah klon (sedikit dimodifikasi) dari generator palet desain material resmi. Itu melakukan beberapa hal:

1. Membuat Anda palet warna penuh dari warna hex yang diberikan
2. Memberi Anda warna pelengkap berdasarkan warna utama Anda
3. Memungkinkan Anda untuk mengekspor palet sebagai variabel JSON atau CSS

Keduanya didasarkan pada standar desain material, dan menggunakan algoritma Google untuk derivasi warna.

Mengapa ini?

Generator palet resmi Google tertanam dan dikubur jauh di dalam dokumen material. Karena ini adalah alat inline, itu juga disembunyikan dari mesin pencari, membuatnya sulit untuk ditemukan atau bookmark.

Untuk membuatnya sedikit lebih mudah diakses dan melestarikannya untuk penggunaan saya sendiri di masa depan, saya mengambil kode yang dikaburkan (skrip asli tampaknya tidak bersifat publik di mana pun) dan menambahkan beberapa peningkatan antarmuka kecil. Saya tidak mengubah cara warna diturunkan.

Plugin

• Sketsa: Setelah membuat palet dan mengekspor data JSON, pengguna sketsa dapat membuat gaya lapisan bersama dengan mudah dengan sketsa plugin importir Palet Warna JSON.
• VS CODE: Pengguna Visual Studio Code dapat memanfaatkan plugin generator palet desain material, terinspirasi oleh dan berdasarkan proyek ini.

Dukung proyek ini

Alat ini akan selalu gratis tetapi dukungan Anda sangat dihargai.

• Beli saya kopi
• Venmo
• Aplikasi tunai
• Paypal

Umpan balik dan berkontribusi

Jika Anda melihat masalah atau ingin fitur ditambahkan, silakan ajukan masalah di GitHub. Anda juga bisa mengirimi saya email detailnya.

Jika Anda seorang pengembang dan ingin membantu proyek, silakan komentari masalah terbuka atau buat yang baru. Setelah kami menyetujui jalur ke depan, Anda hanya dapat membuat permintaan tarik dan membawanya ke garis finish.

Kredit

• Hai, saya Michael Edelstone. Anda mungkin juga tertarik pada generator Tint & Shade, alat warna lain yang berguna yang saya buat.
• Sebagian besar dari ini adalah Copyright Google Inc. Jika Anda melakukan sesuatu dengan kode mereka, harap pertahankan lisensi yang mereka tunjukkan di bagian atas file besar.
• Anda dapat menggunakan salah satu modifikasi saya tanpa kredit, kecuali ...
• Favicon Image milik Roundicons dan ditarik dari Flaticon.com. Jika Anda menggunakannya kembali, terus puji pencipta.

Terima kasih banyak kepada Ziya Fenn dan Mateusz Skórka atas kontribusi mereka yang berharga untuk proyek ini.