Generator Kombinasi Warna yang Serasi

Pilih harmoni, seret titik-titik yang terhubung pada roda warna interaktif, lalu atur kecerahan untuk membuat palet yang seimbang.

Jenis harmoni

Coba contoh

Roda warna interaktif

Seret titik mana pun untuk memutar harmoni. Geser ke tengah untuk mengurangi saturasi.

60%
H 217°S 91%L 60%
Harmoni inti (2)Variasi pendukung (3)
Dasar
Komplemen

Dasar

#3B82F6

Komplemen

#EEAD44

Dasar · Variasi 1

#AAC0E3

Komplemen · Variasi 1

#E0CDAD

Dasar · Variasi 2

#255BB1

Alat lainnya

Buat Kombinasi Warna yang Serasi Secara Instan

Memilih kombinasi warna yang cocok adalah salah satu tantangan paling umum dalam desain. Aturan harmoni berdasarkan hubungan antar rona pada roda warna memberikan fondasi andal untuk membuat perpaduan warna yang serasi dan seimbang.

Generator kombinasi warna ini menggunakan satu warna dasar dan menerapkan aturan harmoni standar untuk menghasilkan palet yang sesuai. Masukkan warna dalam format HEX, RGB, atau HSL lalu beralih antar jenis harmoni untuk membandingkan perpaduan yang berbeda.

Jenis Harmoni Warna Dijelaskan

  • Komplementer — dua warna yang berlawanan pada roda warna (berjarak 180°). Kontras tinggi, kombinasi berani.
  • Analog — tiga warna yang berdekatan pada roda warna (berjarak 30°). Secara alami harmonis dan kontras rendah.
  • Triadik — tiga warna yang berjarak sama di sekitar roda (berjarak 120°). Cerah dan seimbang.
  • Split-komplementer — warna dasar plus dua warna yang berdekatan dengan komplemennya (150° dan 210°). Lebih lembut dari komplementer murni.
  • Tetradik (Persegi) — empat warna yang berjarak sama di sekitar roda (berjarak 90°). Palet kaya dan kompleks.

Cara Menggunakan Generator Palet

  1. Masukkan warna dasar — ketik nilai HEX, RGB, atau HSL, atau gunakan color picker bawaan
  2. Pilih jenis harmoni dari pemilih
  3. Seret titik yang terhubung pada roda untuk mengubah hue dan saturasi, lalu atur kecerahan
  4. Lihat palet yang dihasilkan ditampilkan sebagai swatch warna
  5. Salin nilai HEX atau RGB untuk swatch apa pun dengan satu klik
  6. Beralih antar jenis harmoni untuk membandingkan palet berbeda

Kapan Menggunakan Generator Palet

  • Memulai proyek desain baru dan membutuhkan skema warna yang seimbang
  • Membangun identitas merek di sekitar warna utama tertentu
  • Membuat tema UI dengan warna aksen yang harmonis
  • Mengeksplorasi hubungan warna untuk ilustrasi atau seni
  • Membuat palet dengan cepat untuk presentasi atau prototipe

Harmoni inti dan variasi pendukung

Setiap harmoni menghasilkan lima contoh warna. Komplementer memiliki dua warna inti; analog, triadik, dan split-komplementer memiliki tiga; tetradik memiliki empat. Sisanya adalah variasi pendukung dengan saturasi atau kecerahan yang disesuaikan.

Buat lima warna dari satu warna dasar

Warna dasar yang ditandai tetap dipertahankan saat roda warna menghitung kombinasi warna dan variasinya. Gunakan Ekstraktor Palet Gambar untuk warna dominan seluruh gambar dan Pemilih Warna untuk warna tepat satu piksel.

Gunakan HEX, RGB, HSL, dan OKLCH

Kolom menerima HEX, RGB, HSL, dan OKLCH. Salin satu warna sebagai HEX atau RGB, atau kelima warna sebagai kode HEX huruf besar yang dipisahkan koma.

Cepat, Gratis, dan Privat

Semua perhitungan berlangsung di browser. Tidak ada akun, unggahan, penyimpanan, atau pemrosesan server; roda dapat digunakan dengan mouse, sentuhan, dan keyboard.

Roda warna menampilkan hubungan warna secara teori, tetapi tidak menjamin keterbacaan. Gunakan Pemeriksa Kontras untuk pengukuran WCAG dan Konverter Warna untuk mengganti format.

Pertanyaan yang Sering Diajukan

Apa itu harmoni warna?
Harmoni warna mengacu pada kombinasi warna yang secara visual menyenangkan bersama. Kombinasi ini didasarkan pada hubungan geometris antar rona pada roda warna.
Jenis harmoni mana yang harus saya gunakan?
Tergantung pada tujuan desain Anda. Komplementer menciptakan kontras kuat. Analog terasa tenang. Triadik cerah dan seimbang. Split-komplementer menawarkan kontras yang lebih lembut. Tetradik memberikan palet kaya dan kompleks.
Format warna apa yang bisa saya masukkan?
Anda dapat memasukkan HEX, RGB, HSL, atau OKLCH; format dideteksi secara otomatis.
Bagaimana warna palet dihitung?
Warna dasar dikonversi ke HSL dan ditempatkan pada sudut hue yang tepat untuk harmoni pilihan. Setiap hubungan diperluas menjadi lima swatch praktis dengan variasi saturasi dan kecerahan yang seimbang. Roda interaktif menampilkan setiap swatch: menyeret satu titik memutar seluruh harmoni, sedangkan penggeser kecerahan memperbarui palet.
Bisakah saya menyalin warna yang dihasilkan?
Bisa. Salin setiap warna sebagai HEX atau RGB, atau seluruh palet sebagai lima kode HEX huruf besar yang dipisahkan koma.
Apakah alat ini berfungsi di ponsel?
Bisa. Roda warna responsif bekerja dengan sentuhan di ponsel serta mouse atau keyboard di komputer.
Apakah alat ini gratis?
Ya. ColourPicker.app sepenuhnya gratis digunakan, tanpa perlu mendaftar.
Bisakah saya menyimpan palet yang saya buat?
Alat ini tidak menyimpan palet antar sesi. Anda dapat menyalin nilai warna individual dan menyimpannya di file proyek atau alat desain Anda.
Apa yang ditampilkan roda warna?
Roda menyusun rona dalam lingkaran: sudut mewakili rona, jarak dari pusat mewakili saturasi, dan penggeser terpisah mengatur kecerahan.
Mengapa setiap palet berisi lima warna?
Lima contoh memberi satu set kerja yang konsisten: dua hingga empat warna inti ditambah variasi pendukung yang diperlukan.
Apa itu warna inti dan variasi pendukung?
Warna inti membentuk geometri yang dipilih; variasi memakai kembali rona tersebut dengan saturasi atau kecerahan berbeda agar perpaduan warna yang serasi lebih praktis.
Apakah harmoni warna menjamin kontras yang cukup?
Tidak. Harmoni menjelaskan hubungan rona; ukur kontras WCAG antara warna latar depan dan latar secara terpisah.