Campur dua warna dengan penggeser proporsi dan baca seluruh skala 11 langkah di antaranya, di browser Anda.
Dua warna bisa dicampur dengan dua cara yang sama sekali berbeda, dan alat ini menunjukkan keduanya. Layar mencampur cahaya: layar menjumlahkan merah, hijau dan biru, itulah sebabnya cahaya merah ditambah hijau menghasilkan kuning dan mengapa setiap warna di halaman ini pada akhirnya adalah tripel RGB. Cat mencampur dengan cara sebaliknya: setiap pigmen mengurangi panjang gelombang dari cahaya putih yang mengenainya, itulah sebabnya jawaban di kelas untuk "kuning ditambah biru" adalah hijau, dan mengapa dua warna yang sama bila dicampur sebagai cahaya justru menghasilkan abu-abu netral. Memilih model mental yang keliru biasanya menjadi alasan warna campuran keluar lebih keruh atau lebih pucat daripada yang diharapkan.
Mode RGB melakukan persis seperti namanya: ia menginterpolasi masing-masing dari tiga kanalnya secara linear di antara kedua warna, dalam ruang sRGB yang sama seperti yang dipakai CSS dan alat desain Anda, jadi 50% antara #ff0000 dan #0000ff adalah #800080. Mode Cat terlebih dahulu mengonversi kedua warna ke ruang RYB roda warna pelukis, menginterpolasi di sana, lalu mengonversi hasilnya kembali ke RGB — konversi itulah yang membuat kuning dan biru bertemu di hijau. Sadari apa yang bisa dan tidak bisa dilakukan mode itu: pencampuran pigmen sungguhan diatur oleh penyerapan dan penghamburan cahaya (model Kubelka-Munk) dan bergantung pada opasitas, ukuran partikel serta bahan pengikatnya, jadi tidak ada rumus linear yang sanggup menirunya. Mode Cat adalah model yang setia pada roda warna, bukan simulasi cat sungguhan.
Skala 11 langkah di bawah hasilnya sering kali lebih berguna daripada satu warna campuran: skala itu memberi Anda gradasi lengkap dari satu warna ke warna lainnya dalam kelipatan 10%, siap dipakai sebagai titik henti gradien, sebagai status peralihan antara dua warna merek, atau sebagai langkah-langkah palet grafik sekuensial. Klik kotak mana pun untuk menyalin heksnya. Semuanya — konversinya, interpolasinya dan seluruh skalanya — dihitung 100% di browser Anda dengan JavaScript biasa; tidak ada warna yang Anda ketik dikirim ke mana pun.
RGB mencampur cahaya secara aditif, seperti yang dilakukan layar, jadi ia menginterpolasi setiap kanal secara langsung; Cat mendekati pencampuran subtraktif lewat roda warna pelukis RYB. Ujinya yang klasik adalah kuning ditambah biru: RGB menghasilkan abu-abu netral, Cat menghasilkan hijau.
Kurang lebih, tetapi tidak persis. Pigmen sungguhan bercampur lewat penyerapan dan penghamburan cahaya, dan hasilnya bergantung pada opasitas, kepekatan pigmen dan bahan pengikatnya — tidak ada rumus linear yang sanggup menirunya. Perlakukan mode Cat sebagai jawaban roda warna, berguna untuk keputusan desain, bukan sebagai simulator cat.
Penggeser itu menentukan seberapa banyak masing-masing warna masuk ke dalam campurannya: pada 30% hasilnya adalah 70% warna A dan 30% warna B. Pada 0% dan 100% Anda mendapatkan kembali kedua warna aslinya tanpa perubahan.
Itu adalah gradasi penuh antara kedua warna dalam langkah 10% — praktis untuk titik henti gradien, status hover dan aktif, palet grafik atau di mana pun Anda butuh warna peralihan yang konsisten. Mengklik sebuah langkah akan menyalin kode heksnya.
Tidak. Pencampurannya berjalan sepenuhnya dengan JavaScript di perangkat Anda — kode heks yang Anda ketik tidak pernah diunggah, dicatat atau disimpan di server mana pun.
Vai.la mengubah URL apa pun menjadi tautan pendek dengan statistik klik, QR Code, dan biolink Anda sendiri.
Vai.la tidak bertanggung jawab atas cara alat-alat ini digunakan maupun atas keputusan yang diambil berdasarkan hasilnya.