Pembuat Palet Warna
Pilih satu warna dasar dan dapatkan palet harmonis yang siap dipakai untuk proyek desain, situs web, dan aplikasi.
Cara memakai warna secara harmonis dalam desain
Teori warna menjelaskan hubungan harmonis antarwarna yang secara alami saling melengkapi. Hubungan itu ditentukan oleh posisi masing-masing warna di roda warna — alat dasar bagi desainer, seniman, dan siapa pun yang ingin meracik kombinasi warna yang rapi dan enak dilihat.
Memahami harmoni warna adalah langkah pertama untuk menyusun palet yang konsisten. Tiap jenis harmoni memberi kesan yang berbeda dan punya kegunaannya sendiri dalam proyek identitas visual, desain web, ilustrasi, dan banyak lagi.
Jenis-jenis harmoni warna
Harmoni komplementer memakai dua warna yang berseberangan di roda warna — misalnya biru dengan oranye, atau merah dengan hijau. Kontrasnya yang tinggi langsung menarik perhatian, jadi cocok untuk tombol ajakan bertindak, sorotan, dan elemen yang harus menonjol.
Harmoni analog menggabungkan warna-warna bertetangga di roda, seperti biru, biru-hijau, dan hijau. Hasilnya palet yang lembut, seimbang, dan enak dipandang — banyak dipakai di antarmuka aplikasi, situs perusahaan, dan proyek yang ingin terasa tenang dan tepercaya.
Harmoni triad membagi roda warna menjadi tiga bagian sama besar sehingga menghasilkan palet yang hidup dan kaya — misalnya merah, kuning, dan biru. Meski warnanya beragam, jaraknya yang seimbang menjaga tampilan tetap padu selama dipakai dengan tepat.
Selain itu ada beberapa variasi: harmoni split-komplementer, yang melunakkan kontras komplementer dengan memakai dua warna di sisi kiri dan kanan warna seberang, serta harmoni persegi atau persegi panjang, dengan empat warna yang tersebar simetris di roda — pas untuk komposisi yang lebih rumit.
Aturan 60-30-10
Agar harmoni warna terpakai secara seimbang dalam sebuah desain, ikuti aturan 60-30-10: pakai warna dominan pada 60% komposisi (latar dan bidang besar), warna sekunder pada 30% (bagian dan komponen), dan warna aksen hanya pada 10% (tombol, ikon, detail). Perbandingan ini mencegah tampilan jadi ramai sekaligus menuntun mata pengguna ke elemen yang paling penting.
Pakai alat harmoni warna kami untuk mencoba berbagai kombinasi secara langsung, melihat palet komplementer, analog, dan triad, lalu mengekspor kode heksadesimalnya untuk dipakai di proyek Anda.
Pertanyaan yang sering diajukan
:root { --color-1: #hex; } yang siap ditempel ke file gaya Anda. Setiap variabel diberi nama sesuai perannya (base, komplementer, analog, dan seterusnya), sehingga perawatan dan konsistensi tampilan jadi lebih mudah di seluruh proyek.