Simulasi Warna Dinding

Meletakkan warna lut sinar di atas foto bilik yang dimuat naik supaya anda dapat melihat pratonton bagaimana warna cat mungkin kelihatan pada dinding. Anda memilih sebarang imej daripada peranti anda, pilih warna dengan pemilih warna sistem, dan laraskan kelegapan tindihan dari 0 hingga 1 dalam langkah 0.1. Tindihan dipaparkan sebagai lapisan kedudukan mutlak yang menutupi keseluruhan imej dengan acara pointer dilumpuhkan.

1. Klik input fail di bahagian atas dan pilih fail imej (sebarang jenis image/*) daripada peranti anda — imej dimuatkan melalui Object URL setempat, jadi tiada muat naik berlaku. 2. Gunakan input warna untuk memilih warna cat; lalainya ialah #E8E8E8. 3. Seret slider Kelegapan antara 0 dan 1 (langkah 0.1) untuk mengawal sejauh mana warna itu kelihatan di atas foto. 4. Pratonton imej dengan tindihan dikemas kini serta-merta apabila anda menukar warna atau kelegapan.

Imej dipaparkan di dalam bekas kedudukan relatif, dan warna itu ialah div tunggal kedudukan mutlak dengan inset-0 yang berada di atas keseluruhan imej. Warna latar belakangnya ialah warna heks yang dipilih dan kelegapannya ialah nilai slider, jadi kesannya ialah segi empat tepat rata yang menutupi keseluruhan bingkai — ia tidak mengesan dinding, tidak menopeng hanya kawasan dinding, atau menggunakan perspektif. Kelegapan rendah (sekitar 0.2-0.4) cenderung kelihatan lebih realistik untuk pratonton cat; kelegapan penuh hanya membanjiri imej dengan warna yang dipilih.