ALUSNA — Bagusnya dimulai di sini.
Color Shade Generator
Hasilkan skala warna 50 sampai 950 untuk design system, Tailwind CSS, dan UI aplikasi.
Cara menggunakan Color Shade Generator
Skala 50–950 mengubah satu warna menjadi rentang yang dapat dipakai konsisten untuk latar, border, teks, hover, dan state interaksi. Nomor menunjukkan posisi relatif dalam skala, bukan ukuran aksesibilitas.
Langkah penggunaan
- Masukkan warna dasar yang akan menjadi identitas utama skala.
- Tinjau perubahan setiap tingkat dan pilih tingkat default yang paling dekat dengan warna brand.
- Ekspor skala lalu beri nama berdasarkan peran atau keluarga warna dalam design system.
Cocok digunakan untuk
- Tema Tailwind
- State komponen
- Token warna semantik
Catatan penting
- Jangan berasumsi tingkat 500 selalu cocok sebagai primary; pilih berdasarkan konteks visual.
- Uji warna teks dan latar per pasangan karena nomor skala tidak menjamin rasio WCAG.