Pencampur warna
Campur dua warna dengan rasio apa pun di OKLab, OKLCH, atau sRGB. Salin hasilnya atau ekspresi color-mix() yang siap pakai.
- HEX
- RGB
- OKLCH
CSS dengan fallback
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Langkah dari warna pertama ke kedua
Campuran yang sama di semua ruang warna
sRGB jadi abu-abu dan gelap di tengah. OKLab menjaga terangnya tetap merata. OKLCH dan HSL mempertahankan saturasi, tetapi bergerak mengelilingi roda rona.
Tanya jawab
Apa itu color-mix() di CSS?
color-mix() adalah fungsi CSS yang mencampur dua warna di ruang warna pilihan Anda, misalnya color-mix(in oklab, #ff5733, #3b82f6 30%). Fungsi ini berjalan di semua browser terkini. Tetap taruh warna biasa sebelumnya sebagai cadangan untuk browser lama, seperti pada cuplikan kode di atas.
Di ruang warna mana sebaiknya saya mencampur?
OKLab adalah pilihan default paling aman: bagian tengahnya tetap terang dan tidak menjadi keruh. OKLCH menjaga warna tetap jenuh, tetapi mengambil jalur terpendek di roda rona, sehingga merah dan biru melewati ungu dan merah muda. sRGB adalah cara alat lama mencampur warna, dan bagian tengahnya sering tampak abu-abu dan gelap.
Mengapa mencampur cahaya berbeda dengan mencampur cat?
Layar menambahkan cahaya, jadi alat ini merata-ratakan nilai cahaya: biru dan kuning menghasilkan abu-abu atau warna pucat, bukan hijau. Cat mengurangi cahaya, itulah sebabnya campuran yang sama di kertas tampak hijau. Untuk memprediksi hasil cat, gunakan model pencampuran cat, bukan ruang warna layar.