Apa yang dapat Anda lakukan dengan Roda Warna
Tinjau kemampuan utama sebelum Anda mulai.
- Jelajahi skema warna yang saling melengkapi dan analog
- Temukan harmoni triadik, tetradik, dan persegi
- Salin kode hex untuk setiap warna yang cocok
- Sempurnakan saturasi dan keringanan secara langsung
- Pilih warna dasar untuk palet desain Anda
Referensi pengaturan
5 pengaturan
Kontrol yang tersedia untuk Roda Warna.
Opsi
- Warna Dasar (rona dan saturasi)Pemilih warna
- Seret di mana saja pada roda interaktif untuk memilih warna awal Anda: sudutnya menentukan rona dan jarak dari pusat menentukan saturasinya.
- Warna HEX / CSSMasukan teks
- Ketik atau tempel kode HEX, rgb(), hsl(), atau nama warna CSS apa pun untuk langsung mengarahkan roda warna ke warna persis yang sudah Anda miliki.
- SaturasiPenggeserJangkauan: 0–100% · Bawaan: 91%
- Menyesuaikan seberapa pekat warna dasarnya, dari abu-abu penuh pada 0% hingga versi rona yang paling murni dan paling intens pada 100%.
- KecerahanPenggeserJangkauan: 0–100% · Bawaan: 60%
- Mengatur seberapa terang atau gelap warna dasarnya, dari hitam di 0%, melewati rona murni, hingga putih di 100%; semua harmoni ikut menyesuaikan.
- HarmoniPreset
- Menentukan hubungan roda warna klasik mana yang disorot pada roda, lalu menempatkan penanda untuk warna-warna pendampingnya sehingga Anda bisa melihat bagaimana skema itu tersusun.Opsi: KomplementerKomplementer terpisahAnalogTriadikTetradik (persegi panjang)Persegi
Alat terkait untuk Roda Warna
Alat untuk langkah umum selanjutnya setelah Roda Warna.
Kreatif & Desain
Pembuat Palet Warna
Hasilkan 3–8 palet warna dengan mode harmoni, kunci dan bagikan warna, lalu ekspor variabel PNG, CSS, atau JSON.
Coba sekarangKreatif & Desain
Arti Warna
Jelajahi makna warna, psikologi, simbolisme, konteks budaya, contoh merek, dan pasangan yang disarankan untuk nilai HEX apa pun.
Coba sekarangPengeditan Foto & Utilitas
Pemilih Warna
Pilih piksel mana pun untuk nilai HEX, RGB, dan HSL, atau ekspor palet dominan sebagai variabel JSON atau CSS.
Coba sekarangPertanyaan yang Sering Diajukan
Bagaimana Roda Warna membantu Anda menyelesaikannya
Masalah nyata yang dipecahkannya setiap hari — untuk bisnis, kreator, dan tugas sehari-hari. Temukan kasus penggunaan yang cocok untuk Anda dan mulailah.
Pelajari teori warna
Lihat setiap harmoni warna klasik dihitung secara langsung dari warna dasar pilihan Anda, lengkap dengan penjelasan sederhana tentang kapan dan mengapa setiap skema warna cocok digunakan.
Pilih warna aksen situs web
Masukkan kode hex brand Anda ke roda warna dan gunakan skema split-complementary atau triadik untuk menemukan warna aksen yang kontras tanpa saling bentrok.
Pratinjau skema pada UI sungguhan
Setiap harmoni warna diterapkan pada kartu contoh kecil — header, body, tombol, dan titik-titik — sehingga Anda bisa menilai kombinasinya secara kontekstual, bukan hanya sebagai swatch warna abstrak.
Palet seni dan ilustrasi
Gunakan harmoni analog untuk suasana yang alami dan tenang, serta warna komplementer untuk titik fokus yang dramatis, lalu salin kode hex-nya persis ke aplikasi melukis Anda.
Saksikan setiap transformasi selesai
Setiap foto crosses the slash untouched and comes out the other side finished.


























