Pencampur Warna

• Pencampuran warna instan: campur dua warna secara real-time saat Anda menggeser penggeser rasio. Ganti mode pencampuran dan lihat hasilnya langsung berubah — tanpa menekan tombol.
• Aman & privat: warna Anda dicampur 100% di sisi klien, di browser. Tidak ada yang dikirim ke server, jadi Anda bisa bekerja dengan warna merek dan palet milik sendiri dengan aman.
• Tiga mode pencampuran: pilih sRGB (standar CSS), Linear (dengan koreksi gamma), atau Oklab (seragam secara persepsi). Tiap mode menghasilkan hasil visual berbeda untuk rasio yang sama.
• 100% gratis selamanya: sepenuhnya gratis, tanpa pendaftaran, tanpa batas penggunaan, dan tanpa iklan yang menghalangi antarmuka. Campur warna sebanyak yang Anda butuhkan.

• Pencampuran warna merek: campur warna primer merek untuk menghasilkan warna sekunder dan tersier palet. Gunakan pratinjau gradien untuk menemukan titik tengah tepat yang sesuai panduan merek.
• Desain & tema antarmuka: buat status hover, status nonaktif, dan latar bertint dengan mencampur warna primer Anda dengan putih atau hitam pada rasio berbeda. Ekspor hasilnya langsung sebagai nilai CSS.
• Pratinjau CSS color-mix(): lihat bagaimana fungsi CSS color-mix() akan mencampur dua warna sebelum menulis kodenya. Mode sRGB sama persis dengan ruang pencampuran bawaan CSS.
• Pembuatan palet: hasilkan gradien warna halus antara dua warna jangkar untuk visualisasi data, bagan, dan heatmap. Pratinjau gradien 11 langkah menampilkan seluruh rentangnya sekilas.
• Pengeditan & retouching foto: hitung warna campuran tepat yang diperlukan untuk mencapai nada target dalam pengeditan foto. Gunakan mode Oklab untuk pencampuran warna yang akurat secara persepsi sesuai penglihatan manusia.
• Aksesibilitas & kontras: campur warna latar depan dan latar belakang untuk menemukan titik tengah yang meningkatkan keterbacaan. Gunakan hasilnya dengan pemeriksa kontras untuk memverifikasi kepatuhan WCAG.

Pencampur warna menggabungkan dua warna pada rasio yang dapat diatur dan menampilkan warna hasilnya dalam beberapa format. Berbeda dari rata-rata sederhana, pencampuran warna dapat dilakukan di ruang warna berbeda — masing-masing menghasilkan hasil visual yang berbeda. Pencampur kami mendukung tiga mode: sRGB (standar CSS), Linear (dengan koreksi gamma), dan Oklab (seragam secara persepsi). Semua pencampuran berjalan seketika di browser Anda tanpa unggahan ke server.

1. Masukkan dua warna: ketik nilai HEX atau RGB apa pun di kolom warna, atau gunakan pemilih warna bawaan. Pencampur menerima format warna CSS valid apa pun.
2. Atur rasio campuran: geser penggeser untuk menentukan proporsi tiap warna. 50% menghasilkan campuran seimbang; 25% menghasilkan 75% Warna 1 dan 25% Warna 2. Klik langkah mana pun di pratinjau gradien untuk langsung ke rasio itu.
3. Salin hasilnya: warna campuran ditampilkan dalam HEX, RGB, HSL, dan HSV dengan tombol salin sekali klik. Gunakan pratinjau gradien untuk menjelajahi seluruh rentang antara kedua warna.

• Pencampuran sRGB: menginterpolasi langsung antara nilai kanal sRGB (0-255). Sesuai dengan fungsi CSS color-mix(in srgb) dan merupakan mode paling dapat diprediksi untuk pengembangan web.
• Pencampuran Linear: mengonversi warna ke cahaya linear (menghapus pengodean gamma) sebelum dicampur, lalu menerapkan gamma kembali. Menghasilkan hasil yang lebih akurat secara fisik untuk pencampuran cahaya — titik tengah tampak lebih terang daripada di mode sRGB.
• Pencampuran Oklab: mencampur warna di ruang warna Oklab yang seragam secara persepsi. Titik tengah tampak berjarak visual sama dari kedua warna masukan, menghindari cokelat kusam yang muncul saat mencampur warna komplementer di sRGB. Terbaik untuk pekerjaan desain dan pembuatan palet.
• Format keluaran: warna campuran selalu dikembalikan dalam HEX, RGB, HSL, dan HSV. Semua nilai dibulatkan ke bilangan bulat terdekat agar bersih dan siap disalin-tempel.