Generator
Generator Nuansa Warna
Hasilkan 11 nuansa gelap dan terang dari warna dasar apa pun dengan ekspor CSS, Tailwind, SCSS, dan JSON.
Loading…
Tentang Generator Nuansa Warna
Generator Nuansa Warna membuat skala 11 langkah lengkap dari nuansa gelap dan terang dari warna dasar apa pun. Nuansa gelap dibuat dengan mencampur warna dengan hitam (membuatnya lebih gelap), sementara tint dibuat dengan mencampur putih (membuatnya lebih terang). Hasilnya adalah skala warna profesional mirip dengan palet warna bawaan Tailwind CSS.
Cara Menggunakan
Masukkan kode warna HEX apa pun di bidang input atau gunakan pemilih warna. Alat ini langsung menghasilkan 5 nuansa gelap dan 5 tint terang bersama warna aslinya. Klik swatch mana pun untuk menyalin nilai HEX-nya. Gunakan panel ekspor untuk mengunduh skala lengkap sebagai variabel CSS, konfigurasi Tailwind, variabel SCSS, atau JSON.
Kasus Penggunaan Umum
- Membuat palet warna lengkap untuk sistem desain
- Menghasilkan skala warna kustom Tailwind CSS
- Membangun sistem warna UI yang aksesibel dengan kontras yang cukup
- Mendesain varian mode gelap dari warna merek
- Mengekspor token warna untuk sistem desain CSS atau SCSS