Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Pencampur Warna

Pencampur Warna

Campur 2 hingga 5 warna dengan mode RGB, HSL, atau LAB. Atur rasio, lihat pratinjau gradien, klik tahap campuran, dan salin hasilnya dalam HEX, RGB, dan HSL.

Pencampur Warna: Campur Dua Warna atau Lebih secara Online

Pencampur Warna adalah alat online gratis yang memadukan 2 hingga 5 warna menjadi satu warna campuran. Pilih warna Anda, tentukan seberapa besar kontribusi masing-masing, dan saksikan hasilnya diperbarui seketika dalam HEX, RGB, dan HSL.

Alat ini dibuat untuk desainer yang menyempurnakan palet merek, seniman yang meracik cat digital, dan pengembang yang memilih warna UI persis di antara dua nilai. Karena Anda mengendalikan rasio setiap warna sekaligus algoritma pencampurannya, hasilnya presisi dan bisa diulang — bukan sekadar coba-coba.

Privat sejak awal: seluruh pencampuran warna berjalan sepenuhnya di peramban Anda. Warna dan rasio Anda tidak pernah diunggah ke server mana pun.

Cara Mencampur Warna

1

Tentukan warna Anda

Klik pratinjau warna untuk membuka pemilih warna sistem, atau ketik nilai HEX seperti #FF6B6B langsung di kolom input. Anda juga bisa memuat kombinasi siap pakai dari daftar Palet Warna.

2

Atur rasionya

Geser slider setiap warna untuk mengubah seberapa besar kontribusinya; semua rasio selalu berjumlah 100%. Gunakan Preset Rasio seperti 50 - 50, 30 - 70, atau Rata untuk pembagian sekali klik.

3

Pilih mode campur

Beralih antara RGB untuk pencampuran layar standar, HSL untuk transisi rona yang alami, atau LAB untuk campuran yang mulus secara visual. Warna campuran dihitung ulang saat Anda berganti mode.

4

Salin hasilnya

Saat campurannya sudah pas, klik tombol salin di samping nilai HEX, RGB, atau HSL untuk langsung mengirimnya ke papan klip Anda.

Fitur

Tiga Mode Campur

Campur dalam RGB untuk warna layar linear, HSL untuk pencampuran rona melingkar, atau LAB untuk hasil yang seragam secara visual dan terlihat alami.

Campur 2 hingga 5 Warna

Mulai dengan dua warna dan tambahkan hingga tiga warna lagi. Setiap warna punya slider rasio sendiri, dan totalnya selalu dinormalkan ke 100%.

Palet Warna Pilihan

Jelajahi kombinasi siap pakai yang menyesuaikan dengan jumlah warna Anda: palet 2 warna untuk dua warna, 3 warna untuk tiga, dan seterusnya.

Pratinjau Gradien

Batang gradien langsung beralih melalui setiap warna yang dipilih sehingga Anda bisa melihat bagaimana warna-warna itu mengalir satu sama lain.

Tahap Campuran

Dengan dua warna, lihat sembilan warna antara dari 10% hingga 90%. Klik sebuah tahap untuk mengatur rasio persis itu, atau arahkan kursor untuk membaca nilai HEX-nya.

Tukar & Atur Ulang

Tukar dua warna pertama untuk membalik campuran, atau kembalikan semuanya ke warna, rasio, dan mode RGB bawaan dengan sekali klik.

Preset Rasio

Terapkan pembagian dua warna umum seperti 50-50, 30-70, 70-30, atau 25-75, ditambah preset Rata yang membagi rasio secara merata ke semua warna.

Salin HEX, RGB & HSL

Baca warna campuran dalam tiga format sekaligus dan salin yang Anda butuhkan: HEX untuk web, RGB untuk CSS, atau HSL untuk perangkat desain.

Pertanyaan yang Sering Diajukan

Warna apa yang muncul saat dua warna dicampur?

Tentukan kedua warna, sesuaikan rasionya, dan panel Warna Campuran menampilkan hasilnya secara langsung. Mencampur merah dan biru dalam porsi yang sama, misalnya, menghasilkan ungu pada mode RGB. Warna persisnya bergantung pada rasio dan mode campur yang Anda pilih.

Apa beda pencampuran RGB, HSL, dan LAB?

RGB merata-ratakan kanal merah, hijau, dan biru — sederhana dan cocok untuk warna layar, meski pasangan komplementer bisa terlihat keruh. HSL mencampur rona, saturasi, dan kecerahan, dengan menelusuri rona pada roda warna untuk transisi yang lebih bersih. LAB mencampur dalam ruang perseptual yang dimodelkan dari penglihatan manusia, sehingga hasilnya cenderung terlihat paling alami. Coba ketiganya untuk melihat mana yang Anda sukai.

Bisakah saya mencampur lebih dari dua warna dan mengatur rasio?

Bisa. Klik Tambah Warna untuk mencampur hingga 5 warna sekaligus. Setiap warna punya slider rasio sendiri, dan alat ini menjaga semua rasio tetap berjumlah 100%. Hapus warna mana pun dengan tombol X untuk menguranginya lagi.

Apakah ini seperti mencampur cat (RYB) atau warna layar (RGB)?

Alat ini mencampur dalam model layar aditif — RGB, HSL, dan LAB — yang sesuai dengan cara warna bergabung pada layar. Ini berbeda dari pencampuran cat subtraktif (RYB), tempat pigmen menyerap cahaya, sehingga biru dan kuning menghasilkan hijau. Untuk desain digital, mode RGB dan LAB di sini memberikan nilai yang benar-benar akan Anda pakai di CSS dan perangkat lunak desain.

Mengapa tahap campuran hilang dengan 3 warna atau lebih?

Tahap campuran menampilkan transisi antara tepat dua warna pada rasio yang berbeda. Dengan tiga warna atau lebih, tidak ada satu garis tahap tunggal, jadi alat ini menampilkan pratinjau gradien sebagai gantinya untuk memvisualisasikan campuran utuh.

Apakah hasilnya keluar dalam HEX, RGB, dan HSL?

Ya. Warna campuran ditampilkan dalam HEX, RGB, dan HSL sekaligus, masing-masing dengan tombol salinnya sendiri. Salin HEX untuk web, RGB untuk CSS, atau HSL untuk perangkat desain.

Apakah data saya disimpan atau diunggah?

Tidak. Setiap campuran terjadi secara lokal di peramban Anda dan tidak ada yang dikirim ke server. Warna tidak disimpan antar sesi, jadi salin atau tandai (bookmark) nilai HEX mana pun yang ingin Anda simpan.

Warna yang Dicampur

Palet Warna

Preset Rasio

Mode Campur
Warna Campuran
HEX
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)

Pratinjau Gradien

Tahap Campuran

Klik pratinjau warna untuk membuka pemilih warna sistem Anda
Ketik nilai HEX langsung di kolom input, misalnya #FF6B6B
Gunakan mode LAB untuk campuran yang seragam secara visual dan terlihat alami
Klik tahap campuran untuk langsung mengatur rasio dua warna itu
Muat palet pilihan untuk kombinasi warna yang harmonis
Semua pencampuran berjalan di peramban Anda
Ingin belajar lebih banyak? Baca dokumentasi →
1/7
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda