Pencampur Warna

Campurkan dua warna HEX pada rasio yang dipilih dalam ruang warna RGB atau Lab dan baca warna tengah hasilnya sebagai sampel dan nilai HEX yang dapat disalin.

Memuat alat…

Pencampur Warna — Tempelkan dua warna sebagai HEX, atur seberapa banyak warna B yang dicampurkan dengan penggeser rasio, dan pilih apakah mencampur dalam RGB biasa atau ruang perseptual Lab — hasilnya muncul seketika sebagai sampel pratinjau dan nilai HEX yang dapat disalin. Tidak ada prasetel yang perlu ditunggu dan tidak ada tombol yang perlu ditekan; campuran dihitung ulang saat Anda mengetik atau menyeret. Semuanya berjalan sepenuhnya di browser Anda, sehingga warna Anda tidak pernah meninggalkan perangkat Anda.

Apa itu Pencampur Warna?

Pencampur Warna adalah alat daring gratis yang menginterpolasi antara dua warna dan memberi Anda warna di antaranya. Anda memasukkan Warna A dan Warna B sebagai HEX (baik #rrggbb maupun bentuk singkat #rgb sama-sama berfungsi), menggeser kontrol rasio dari 0% (semua Warna A) ke 100% (semua Warna B), dan memilih ruang warna: RGB mencampur kanal mentah secara langsung, sementara Lab mencampur dalam ruang perseptual yang biasanya membuat titik tengah tampak lebih alami dan menghindari abu-abu kusam. Desainer, pengembang front-end, dan ilustrator menggunakannya untuk menemukan nada tengah antara dua warna merek, membuat gradien dua warna yang halus, menurunkan rona untuk keadaan hover atau batas, atau melihat pratinjau bagaimana dua cat atau pemberhentian gradien akan bertemu di tengah. Hasilnya ditampilkan sebagai sampel besar di atas bidang HEX hanya-baca yang dapat Anda salin dengan satu klik.

Cara menggunakan Pencampur Warna

  1. Ketik atau tempel warna pertama Anda ke bidang Warna A (HEX), lalu warna kedua ke bidang Warna B (HEX), menggunakan format #rrggbb atau #rgb.
  2. Seret penggeser Rasio (atau ketik angka) untuk mengatur seberapa banyak Warna B yang dicampurkan: 0% menghasilkan Warna A, 100% menghasilkan Warna B, 50% adalah titik tengah yang merata.
  3. Pilih ruang campuran dengan sakelar RGB / Lab — pilih Lab untuk campuran yang lebih merata secara perseptual, atau RGB untuk rata-rata harfiah kanal per kanal.
  4. Perhatikan sampel pratinjau diperbarui secara langsung dan baca nilai HEX warna campuran di bawahnya.
  5. Klik tombol salin di samping hasil untuk menyalin HEX campuran ke papan klip Anda.

Contoh

Titik tengah RGB merata dari merah dan biru

Masukan

A #ff0000, B #0000ff, rasio 50%, RGB

Keluaran

#800080

Sebagian besar menuju putih

Masukan

A #4f86f7, B #ffffff, rasio 75%, RGB

Keluaran

#d3e1fd

Lab versus RGB pada dua rona jenuh

Campurkan #00a000 dengan #d000d0 pada 50%. Dalam RGB Anda mendapatkan nada campuran yang kusam, sementara beralih ke Lab menghasilkan titik tengah yang lebih cocok dengan apa yang diharapkan mata di antara kedua rona — berguna untuk gradien dua warna yang tidak boleh menjadi keruh di tengah.

Pertanyaan yang sering diajukan

Apa perbedaan antara opsi RGB dan Lab?
RGB mencampur kanal merah, hijau, dan biru secara independen, yang cepat dan persis cocok dengan cara CSS merata-ratakan warna, tetapi bisa jatuh ke abu-abu kusam untuk rona yang berjauhan. Lab mengonversi kedua warna ke ruang perseptual CIELAB, menginterpolasi di sana, lalu mengonversi kembali, yang biasanya menjaga titik tengah tetap lebih terang dan lebih dekat dengan yang diharapkan mata Anda. Keduanya menghasilkan hasil #rrggbb.
Apa arti kontrol rasio?
Rasio adalah seberapa banyak Warna B dalam campuran. Pada 0% hasilnya sama dengan Warna A, pada 100% sama dengan Warna B, dan pada 50% merupakan titik tengah yang merata di antara keduanya. Anda dapat menyeret penggeser atau mengetik persentase yang tepat.
Format warna apa yang dapat saya masukkan?
Kedua bidang menerima HEX dalam bentuk #rrggbb (enam digit) atau #rgb (singkatan tiga digit). Jika salah satu nilai bukan warna HEX yang valid, pesan kesalahan muncul dan tidak ada campuran yang ditampilkan sampai keduanya valid. Keluarannya selalu berupa nilai HEX #rrggbb.
Bisakah saya menggunakan warna campuran dalam rantai ruang kerja?
Ya. Hasilnya diekspos sebagai port keluaran, jadi dalam ruang kerja deftdeck Anda dapat menyambungkan HEX campuran langsung ke alat lain, dan ia diperbarui secara otomatis setiap kali Anda mengubah warna, rasio, atau ruang warna.
Apakah warna saya dikirim ke mana pun?
Tidak. Semua perhitungan campuran berjalan secara lokal di browser Anda, sehingga nilai warna Anda tidak pernah diunggah ke server. Alat ini bekerja luring dan menjaga palet Anda tetap pribadi.

Alat terkait

Kode ke Gambar

Ubah cuplikan kode menjadi kartu PNG yang rapi dengan penyorotan sintaksis di browser Anda, dengan tema, latar gradien atau transparan, dan padding — tanpa unggah.

Pemeriksa Kontras Warna

Periksa rasio kontras WCAG antara warna HEX latar depan dan latar belakang serta lihat apakah lolos AA dan AAA untuk teks normal maupun besar.

Generator Gradasi Warna

Ubah satu warna HEX dasar menjadi skala gradasi 50-950 bergaya Tailwind, dicampur ke arah putih dan hitam, setiap langkah dengan sampel dan HEX yang bisa disalin.

Simulator Buta Warna

Unggah gambar dan pratinjau tampilannya dengan protanopia, deuteranopia, tritanopia, atau buta warna total, lalu unduh hasil simulasinya.