Blend Mode Simulator
Lihat hasil dua warna pada berbagai mode blend CSS (multiply, screen, overlay, dll.). Semua proses berjalan di perangkat Anda — cepat, gratis, dan privat.
Hasil akan muncul di sini…
atau tekan Ctrl+Enter
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
728 × 90Slot Iklan TersediaPasang iklan Anda di sini
Contoh
Contoh Input
#ff8800, #0088ff
Contoh Output
multiply #003700 · screen #ffffff · overlay …
Cara Penggunaan
- 1Masukkan warna atau data pada kolom Input.
- 2Atur "Pengaturan Lainnya" bila perlu, lalu klik Jalankan (atau Ctrl+Enter).
- 3Salin hasilnya — kotak warna ditampilkan di samping tiap nilai.
Tentang Blend Mode Simulator
Blend Mode Simulator menghitung warna hasil dari dua warna (atas & bawah) untuk mode blend umum: multiply, screen, overlay, darken, lighten, dan difference.
Membantu memprediksi efek mix-blend-mode/background-blend-mode CSS tanpa coba-coba di browser.
Pertanyaan Umum (FAQ)
Apakah data saya dikirim ke server?
Tidak. Blend Mode Simulator berjalan sepenuhnya di browser Anda — data Anda tidak pernah meninggalkan perangkat.