📐 One toolkit, every design task

Sistem Warna UI

Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

📐 Sistem Warna UI

Panduan Sistem Warna UI

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.

Pro Tips

FAQ

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.