Question 1

Apa itu palet warna dan mengapa penting dalam desain?

Accepted Answer

Palet warna adalah kumpulan warna yang dikurasi dan digunakan secara konsisten di seluruh desain. Palet yang dipilih dengan baik menciptakan harmoni visual, membangun identitas merek, dan memandu perhatian pengguna. Kebanyakan palet mencakup warna merek utama, 1-2 warna aksen, latar belakang netral, dan warna semantik untuk status sukses/error/peringatan.

Question 2

Apa itu aturan 60-30-10 untuk palet warna?

Accepted Answer

Aturan 60-30-10 adalah prinsip desain klasik: gunakan warna dominan untuk 60% desain (latar belakang, area besar), warna sekunder untuk 30% (kartu, sidebar), dan warna aksen untuk 10% (tombol, highlight, CTA). Rasio ini menciptakan tampilan yang seimbang dan profesional tanpa membebani mata.

Question 3

Bagaimana cara membuat palet warna yang aksesibel?

Accepted Answer

Pastikan kontras yang cukup antara warna teks dan latar belakang. WCAG AA memerlukan rasio kontras minimum 4.5:1 untuk teks normal dan 3:1 untuk teks besar. Hindari menggunakan warna sebagai satu-satunya cara untuk menyampaikan makna (gunakan juga ikon atau label). Alat seperti WebAIM Contrast Checker dapat memverifikasi apakah palet Anda memenuhi standar aksesibilitas.

Question 4

Apa perbedaan antara skema warna komplementer, analogus, dan triadik?

Accepted Answer

Warna komplementer berlawanan di roda warna (mis. biru dan oranye) — kontras tinggi, vibrant. Warna analogus berdekatan (mis. biru, biru-hijau, hijau) — harmonis dan tenang. Triadik menggunakan tiga warna yang berjarak sama (mis. merah, kuning, biru) — seimbang namun bersemangat. Komplementer cocok untuk CTA, analogus untuk latar belakang, triadik untuk ilustrasi.

Question 5

Berapa banyak warna yang harus dimiliki palet design system?

Accepted Answer

Palet design system tipikal memiliki 5-10 warna dasar dengan beberapa shade masing-masing (mis. skala 50-900 seperti Tailwind CSS). Minimal: primer, sekunder, netral/abu-abu, dan warna semantik (hijau sukses, merah error, kuning peringatan, biru info). Setiap warna harus memiliki varian terang untuk latar belakang dan gelap untuk teks, untuk menjaga kontras di mode terang dan gelap.

Generator Palet Warna

Pertanyaan yang Sering Diajukan

Comments & Feedback