Apa itu Roda Warna?

Pilih warna dasar dan lihat skema komplementer, analogus, triadik, split-komplementer, tetradik, dan monokromatik di roda warna interaktif. Setiap petak menampilkan rasio kontras WCAG-nya terhadap putih dan hitam, dan seluruh palet dapat diekspor sebagai teks biasa atau PNG yang bisa dibagikan.

Roda berjalan di HSL: kamu seret hue dasar atau ketik nilai HEX apa pun, dan swatch yang serasi langsung berputar pada tempatnya secara real time. Slider saturasi dan lightness mengatur seluruh skema sekaligus. Setiap warna yang dibuat bisa disalin sebagai HEX, RGB, HSL, CMYK, atau OKLCH hanya dengan satu klik, dan roda menandai setiap titik harmoni dengan bulatan berlabel sehingga relasi antarwarna terlihat jelas.

Cara menggunakan

1. Klik atau seret pada roda warna untuk memilih hue dasar, atau masukkan nilai HEX tertentu di kolom input.
2. Pilih jenis harmoni (komplementer, analogus, triadik, split-komplementer, atau tetradik) untuk melihat warna yang cocok disorot pada roda.
3. Salin warna yang dihasilkan dalam format HEX, RGB, HSL, CMYK, atau OKLCH dengan mengklik swatch-nya. Ekspor seluruh palet untuk digunakan di alat desain Anda.

Kapan menggunakan

• Memilih tiga sampai empat warna aksen untuk brand kit setelah warna utama dipatok.
• Memilih warna tombol yang bertolak belakang dengan latar untuk kontras maksimum.
• Menyusun palet UI yang warnanya terkait dan terasa tenang, bukan saling bentrok.

Hasil

Seorang desainer web memilih #E87040 sebagai warna brand, beralih ke harmoni triadik, dan mendapatkan tiga warna aksen yang seimbang untuk halaman landing mereka — cukup dengan satu klik.

FAQ

Apa beda harmoni analog dan triadik?

Analog mengambil warna yang bersebelahan di roda (dalam kisaran 30 derajat) sehingga terasa tenang dan padu. Triadik menjarakkan tiga warna 120 derajat untuk skema kontras tinggi yang seimbang dan memberi energi pada desain.

Kapan pilih komplementer ketimbang split-komplementer?

Komplementer pakai dua hue berlawanan untuk efek paling tegas, tapi keduanya pada saturasi penuh bisa bentrok. Split memasangkan warna dasar dengan dua tetangga warna lawannya: ketegangan tetap ada, bentrok lebih lembut, lebih mudah diseimbangkan.

Kenapa warna harmoni ikut berubah saat saya geser slider lightness?

Roda mempertahankan offset hue relatif tapi menerapkan saturasi dan lightness pilihanmu ke semua hasil. Jadi hijau analog di lightness 40% semua jadi nada hutan gelap, bukan campuran hijau tua dan hijau neon.

Bisakah saya ambil palet dalam bentuk variabel CSS atau format alat desain?

Klik swatch mana saja untuk menyalin HEX, RGB, HSL, CMYK, atau OKLCH ke clipboard. Dari situ langsung masuk ke file CSS seperti --brand-primary: #E87040, ke kolom hex Figma, atau ke konfigurasi warna kustom Tailwind, apa pun yang sedang kamu pakai.

Apakah tetradik sama dengan harmoni rectangular?

Iya. Tetradik (alias rectangular) memilih empat warna yang membentuk persegi panjang di roda: dua pasang komplementer. Paletnya lebih kaya, tapi satu nada harus dominan, kalau tidak desain malah terlihat ramai.

Alat terkait