Campur 2 atau 3 warna dalam sebarang nisbah, seperti cat atau cahaya, atau adun dua warna dalam 10 langkah. Salin HEX, RGB, HSL, CMYK.

Warna 1
Kuantiti
Warna 2
Kuantiti
Warna 3
Kuantiti
Model pencampuran
Bercampur seperti cat atau pigmen sebenar: biru dan kuning menjadi hijau, dan warna gelap menggelapkan campuran. Bercampur seperti cahaya berwarna pada skrin, dipuratakan dalam cahaya linear: merah dan hijau menjadi kuning. Memuratakan warna dalam ruang OKLab, seperti color-mix() CSS: hasil yang licin dan sekata untuk kerja UI dan reka bentuk.
Resipi
Warna campuran

Pilih 2 atau 3 warna dan tetapkan kuantiti setiap satu: warna campuran dikira serta-merta dalam pelayar anda. Klik hasil atau mana-mana nilai untuk menyalinnya.

Warna mula
Warna akhir
Langkah
Bilangan warna pertengahan untuk dijana (1–10).
Mod campuran
Kecerunan
Palet campuran

Pilih dua warna dan bilangan langkah: setiap warna di antaranya dikira dengan segera dalam pelayar anda.


Mengenai Campur Warna

Pengadun Warna menunjukkan warna yang anda dapat apabila mencampurkan dua atau tiga warna. Pilih warna anda, tetapkan berapa banyak setiap satu dalam campuran, dan warna hasilnya muncul serta-merta bersama nilai HEX, RGB, HSL dan CMYK, lengkap dengan bar resipi yang menunjukkan bahagian setiap warna.

Tiga model campuran menjawab soalan yang berbeza. Cat mencampur seperti pigmen sebenar, jadi biru dan kuning menghasilkan hijau dan sedikit hitam sudah memadai. Cahaya mengambil purata warna seperti cara skrin dan lampu berwarna menggabungkannya, jadi merah dan hijau menghasilkan kuning. Persepsi mengambil purata dalam ruang OKLab yang digunakan oleh color-mix() CSS, untuk hasil yang licin dan sekata dalam kerja UI dan reka bentuk.

Paparan kedua, Langkah campuran, melunturkan warna permulaan kepada warna akhir melalui sehingga sepuluh ton perantaraan, dalam RGB atau HSL, dengan pratonton kecerunan dan kecerunan CSS sedia tampal. Semuanya berjalan dalam pelayar anda tanpa pelayan.

Cara menggunakan Campur Warna

  1. Buka paparan "Campur warna" dan pilih dua warna, atau tambah warna ketiga dengan "Tambah warna".
  2. Tetapkan kuantiti setiap warna: peratusan di sebelahnya menunjukkan bahagiannya dalam campuran.
  3. Pilih model campuran: Cat, Cahaya atau Persepsi.
  4. Klik warna campuran atau mana-mana nilainya untuk menyalinnya, atau guna "Salin resipi" untuk menyimpan nisbahnya.
  5. Tukar ke "Langkah campuran" untuk membina kecerunan sehingga 10 ton antara dua warna.

Soalan lazim

Ya. Mencampur warna adalah percuma dan tanpa had: alat ini berjalan sepenuhnya dalam pelayar anda tanpa akaun, kredit atau pemprosesan pelayan.

Dengan model Cat, biru dan kuning menghasilkan hijau, sama seperti cat sebenar. Dengan model Cahaya, ia menghasilkan kelabu muda, kerana skrin menggabungkan cahayanya, bukan pigmennya. Cuba sebarang pasangan dalam paparan "Campur warna" untuk membandingkan model.

Cat mensimulasikan pigmen yang menyerap cahaya, jadi campuran menjadi lebih gelap dan biru campur kuning menghasilkan hijau. Cahaya mengambil purata warna dalam cahaya linear, seperti piksel atau lampu berwarna bergabung. Persepsi mengambil purata dalam OKLab, yang memberi hasil seimbang dan sepadan dengan color-mix() CSS.

Boleh. Tambah warna ketiga, kemudian tetapkan setiap kuantiti dari 1 hingga 100. Kuantiti adalah relatif, jadi 2, 1 dan 1 memberi campuran 50%, 25% dan 25%. Bar resipi dan peratusan menunjukkan bahagian tepat setiap warna.

Ia simulasi yang hampir tepat berdasarkan cara pigmen menyerap dan menyerakkan cahaya, tetapi cat sebenar berbeza mengikut jenama, pigmen dan medium. Gunakannya untuk meramal rona dan menguji nisbah, kemudian sahkan dengan sampel kecil.

Dalam paparan "Langkah campuran", campuran RGB menginterpolasi saluran merah, hijau dan biru secara langsung, yang boleh melalui kelabu apabila mencampur rona bertentangan. Campuran HSL pula berputar mengelilingi roda warna, jadi langkah perantaraan mengekalkan ketepuannya dan kelihatan lebih berwarna.

Campur kedua-dua warna dengan kuantiti sama dalam paparan "Campur warna": Cahaya memberi purata fizikalnya dan Persepsi titik tengah visualnya. Dalam paparan "Langkah campuran", satu langkah memberi titik tengah campuran RGB atau HSL.


Carian popular
pengadun warna campur warna dalam talian apa warna hasil campuran dua warna campur warna cat campur tiga warna kalkulator campuran warna adun dua warna langkah adunan warna kecerunan antara warna alat campur warna
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri: salin dan tampal kod di bawah.