Material Color Generator
Hasilkan skala tonal gaya Material (50→900) dari satu warna dasar. Semua proses berjalan di perangkat Anda — cepat, gratis, dan privat.
Hasil akan muncul di sini…
atau tekan Ctrl+Enter
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
728 × 90Slot Iklan TersediaPasang iklan Anda di sini
Contoh
Contoh Input
#2196f3
Contoh Output
50 #e9f3fe · 500 #2196f3 · 900 #0a3d73
Cara Penggunaan
- 1Masukkan warna atau data pada kolom Input.
- 2Atur "Pengaturan Lainnya" bila perlu, lalu klik Jalankan (atau Ctrl+Enter).
- 3Salin hasilnya — kotak warna ditampilkan di samping tiap nilai.
Tentang Material Color Generator
Material Color Generator mengubah satu warna dasar menjadi skala tonal lengkap bergaya Material Design (50, 100, … 900), dengan menyesuaikan terang/gelap tiap langkah.
Berguna untuk membangun sistem warna yang konsisten untuk komponen UI. Untuk skala bergaya Tailwind (50→950), gunakan Tailwind Color Generator.
Pertanyaan Umum (FAQ)
Apakah data saya dikirim ke server?
Tidak. Material Color Generator berjalan sepenuhnya di browser Anda — data Anda tidak pernah meninggalkan perangkat.