Sistem warna UI adalah serangkaian varian warna yang dibangun dari satu warna benih. Ini memberikan skala terang-ke-gelap yang konsisten untuk token desain, tombol, latar belakang, dan warna teks.
Pilih warna benih dan pilih gaya (Tailwind atau Material). Alat ini menghasilkan palet 10 langkah lengkap dari terang (50) hingga gelap (900), cocok untuk sistem desain.
Frequently Asked Questions
Q: Apa itu token desain?
Apa itu token desain? Token desain adalah nilai bernama yang menyimpan atribut desain seperti warna, yang digunakan secara konsisten di seluruh sistem desain.
Q: Mengapa saya membutuhkan 10 warna?
Mengapa saya membutuhkan 10 warna? Elemen UI yang berbeda memerlukan tingkat kontras yang berbeda. Skala 10 langkah memberikan fleksibilitas untuk latar belakang, batas, status hover, dan teks.
Q: Apa itu palet token desain?
Apa itu palet token desain? Palet token desain adalah kumpulan variabel warna yang sistematis (primer, sekunder, permukaan, teks) yang dihasilkan dari satu warna merek. Ini memastikan konsistensi di seluruh UI Anda.
Q: Bisakah saya mengekspor ke sistem desain selain Tailwind?
Bisakah saya mengekspor ke sistem desain selain Tailwind? Ya, alat ini mengekspor ke properti khusus CSS, variabel SCSS, dan format konfigurasi Tailwind. Salin format yang cocok dengan tumpukan Anda.
Q: Bagaimana cara menangani mode gelap dengan alat ini?
Bagaimana cara menangani mode gelap dengan alat ini? Hasilkan palet mode terang Anda terlebih dahulu, lalu gunakan warna benih yang sama dengan nilai saturasi dan kecerahan yang dikurangi untuk mode gelap. Banyak sistem desain yang membalikkan warna permukaan dan teks.
Warna Batik Indonesia
Dari coklat sogan hingga biru indigo, warna batik Indonesia mewarisi teknik pewarnaan alami dari daun indigo, kulit pohon soga, dan kunyit. Setiap warna menyimpan filosofi Jawa yang dalam.
Coklat Sogan #8B4513Warna khas batik klasik dari kulit pohon soga
Biru Indigo #1A3A5CPewarna alami dari daun indigo (nila)
Merah Batik #C41E3AWarna berani khas batik pesisir
Kuning Kunyit #E3A857Kuning alami dari rimpang kunyit
Hijau Lumut #8A9A5BWarna alami dari campuran indigo dan kunyit
Ungu Terong #614051Warna buah terong khas batik Sidoarjo
Krem Batik #F5F0E1Warna dasar kain mori sebelum dibatik
Hitam Pekat #1B1B1BHitam dari getah pohon tingi untuk batik keraton
Biru Langit #4A90D9Warna langit cerah khas batik pesisir
Oranye Jingga #FF7F00Warna cerah khas batik kontemporer
Q: Apa itu warna sogan?
Apa itu warna sogan? Sogan (#8B4513) adalah warna coklat khas batik klasik yang dihasilkan dari kulit pohon soga. Warna ini identik dengan batik keraton Yogyakarta dan Solo yang elegan.
Q: Bagaimana warna indigo batik dibuat?
Bagaimana warna indigo batik dibuat? Biru indigo (#1A3A5C) dibuat dari daun indigo (Indigofera tinctoria) yang direndam dan difermentasi. Pewarna alami ini telah digunakan sejak zaman kerajaan Jawa.