Campur Warna

Semua alat warna Gratis

Campur 2 atau 3 warna dalam proporsi apa pun, seperti cat atau cahaya, atau padukan dua warna hingga 10 langkah. Salin HEX, RGB, HSL, CMYK.

Warna 1
Jumlah
Warna 2
Jumlah
Warna 3
Jumlah
Model pencampuran
Bercampur seperti cat atau pigmen sungguhan: biru dan kuning menjadi hijau, dan warna gelap menurunkan kecerahan campuran. Bercampur seperti cahaya berwarna di layar, dirata-rata dalam cahaya linear: merah dan hijau menjadi kuning. Merata-ratakan warna di ruang OKLab, seperti color-mix() di CSS: hasil yang halus dan merata untuk pekerjaan UI dan desain.
Resep
Warna campuran

Pilih 2 atau 3 warna dan atur seberapa banyak masing-masing dimasukkan: warna campuran dihitung seketika di browser Anda. Klik hasil atau nilai apa pun untuk menyalinnya.

Warna awal
Warna akhir
Langkah
Jumlah nuansa perantara yang dihasilkan (1–10).
Mode perpaduan
Gradien
Palet campuran

Pilih dua warna dan jumlah langkah: setiap nuansa di antaranya dihitung secara instan di browser Anda.

Tentang Campur Warna

Pencampur Warna menunjukkan warna yang Anda dapat saat mencampur dua atau tiga warna. Pilih warna Anda, atur seberapa banyak masing-masing masuk ke campuran, dan warna hasilnya langsung muncul beserta nilai HEX, RGB, HSL, dan CMYK-nya, dilengkapi bilah resep yang menampilkan porsi tiap warna.

Tiga model pencampuran menjawab pertanyaan yang berbeda. Cat mencampur seperti pigmen sungguhan, sehingga biru dan kuning menghasilkan hijau dan sedikit hitam sudah sangat berpengaruh. Cahaya merata-ratakan warna seperti cara layar dan lampu berwarna memadukannya, sehingga merah dan hijau menghasilkan kuning. Perseptual merata-ratakannya di ruang OKLab yang dipakai color-mix() pada CSS, untuk hasil yang halus dan merata dalam pekerjaan UI dan desain.

Tampilan kedua, Langkah perpaduan, memudarkan warna awal menjadi warna akhir melalui hingga sepuluh nuansa perantara, dalam RGB atau HSL, lengkap dengan pratinjau gradien dan gradien CSS siap tempel. Semuanya berjalan di browser Anda tanpa melibatkan server.

Cara menggunakan Campur Warna

  1. Buka tampilan "Campur warna" dan pilih dua warna, atau tambahkan warna ketiga dengan "Tambah warna".
  2. Atur jumlah tiap warna: persentase di sebelahnya menunjukkan porsinya dalam campuran.
  3. Pilih model pencampuran: Cat, Cahaya, atau Perseptual.
  4. Klik warna hasil campuran atau salah satu nilainya untuk menyalinnya, atau gunakan "Salin resep" untuk menyimpan proporsinya.
  5. Beralih ke "Langkah perpaduan" untuk membuat gradien hingga 10 nuansa di antara dua warna.

Pertanyaan yang sering diajukan

Ya. Mencampur warna gratis dan tanpa batas: alat ini berjalan sepenuhnya di browser Anda tanpa akun, kredit, atau pemrosesan server.

Dengan model Cat, biru dan kuning menghasilkan hijau, persis seperti cat sungguhan. Dengan model Cahaya keduanya menghasilkan abu-abu muda, karena layar memadukan cahayanya, bukan pigmennya. Coba pasangan warna apa pun di tampilan "Campur warna" untuk membandingkan modelnya.

Cat mensimulasikan pigmen yang menyerap cahaya, sehingga campuran jadi lebih gelap dan biru ditambah kuning menghasilkan hijau. Cahaya merata-ratakan warna dalam cahaya linear, seperti piksel atau lampu berwarna berpadu. Perseptual merata-ratakannya di OKLab, yang memberi hasil seimbang dan merata serta sesuai dengan color-mix() pada CSS.

Bisa. Tambahkan warna ketiga, lalu atur tiap jumlah dari 1 sampai 100. Jumlahnya bersifat relatif, jadi 2, 1, dan 1 menghasilkan campuran 50%, 25%, dan 25%. Bilah resep dan persentasenya menunjukkan porsi persis tiap warna.

Ini simulasi yang mendekati, berdasarkan cara pigmen menyerap dan menyebarkan cahaya, tetapi cat sungguhan berbeda-beda menurut merek, pigmen, dan medium. Gunakan untuk memperkirakan rona dan menguji proporsi, lalu pastikan dengan sampel kecil.

Di tampilan "Langkah perpaduan", perpaduan RGB menginterpolasi kanal merah, hijau, dan biru secara langsung, yang bisa melewati abu-abu saat mencampur rona yang berlawanan. Perpaduan HSL sebaliknya berputar mengelilingi roda warna, sehingga langkah-langkah di antaranya mempertahankan saturasi dan terlihat lebih berwarna.

Campur kedua warna dengan jumlah yang sama di tampilan "Campur warna": Cahaya memberi rata-rata fisiknya dan Perseptual titik tengah visualnya. Di tampilan "Langkah perpaduan", satu langkah memberi titik tengah perpaduan RGB atau HSL.
Bagikan ini
Alat Terkait
Roda Warna & Generator Harmoni
Generator Nuansa Warna
Generator Gradien
Generator Palet Warna
Palet Warna dari Gambar
Palet Warna dari Website
Palet Warna Web-Safe
Pemasangan Font & Direktori Google Fonts
Pemilih Warna Layar
Layar Merah Penuh
Ekspor Palet Warna
Simulator Buta Warna
Gradien dari Gambar
Pemeriksa Kontras Warna
Pencocok Warna Pantone
Layar Hijau Penuh
Layar Putih Penuh
Konverter Kode Warna
Layar Biru Penuh
Generator Palet Merek AI
Pencarian populer
pencampur warna campur warna online warna apa jika dua warna dicampur campur warna cat campur tiga warna kalkulator campuran warna padukan dua warna langkah perpaduan warna gradien antar warna alat pencampur warna
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri: salin dan tempel kode di bawah ini.