Semua alat

Roda Warna

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

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
Gratis digunakan · Tanpa perlu mendaftar · Tanpa tanda airUnggahan dienkripsi saat transitDihapus berdasarkan kebijakan penyimpanan kami

Pertanyaan 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.

Pendidikan

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.

Untuk Kreator

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.

Untuk Kreator

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.

Untuk Kreator

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.