Duvar Rengi Simülasyonu

Yüklenen oda fotoğrafının üzerine yarı saydam bir renk yerleştirerek duvarlarda bir boya renginin nasıl görünebileceğini önizlemenizi sağlar. Cihazınızdan herhangi bir görsel seçer, sistem renk seçiciyle bir renk seçer ve kaplama opaklığını 0'dan 1'e 0,1 adımlarla ayarlarsınız. Kaplama, işaretçi olayları devre dışı bırakılmış şekilde tüm görseli kaplayan mutlak konumlu bir katman olarak işlenir.

1. Üstteki dosya girişine tıklayın ve cihazınızdan bir görsel dosyası (herhangi bir image/* türü) seçin — görsel yerel bir Object URL aracılığıyla yüklenir, bu nedenle hiçbir yükleme gerçekleşmez. 2. Boya rengi seçmek için renk girişini kullanın; varsayılan #E8E8E8'dir. 3. Tonun fotoğrafın üzerinde ne kadar güçlü görüneceğini kontrol etmek için Opacity kaydırıcısını 0 ile 1 arasında (adım 0,1) sürükleyin. 4. Kaplamalı önizleme görseli, rengi veya opaklığı değiştirdiğiniz anda güncellenir.

Görsel, göreli konumlu bir kap içinde işlenir ve ton, tüm görselin üzerinde duran inset-0'a sahip tek bir mutlak konumlu div'dir. background-color değeri seçilen hex rengi ve opacity değeri kaydırıcı değeridir; bu nedenle etki, tüm çerçeveyi kaplayan düz bir dikdörtgendir — duvarları algılamaz, yalnızca duvar alanlarını maskelemez veya perspektif uygulamaz. Düşük opaklık (yaklaşık 0,2-0,4) boya önizlemeleri için daha gerçekçi görünme eğilimindedir; tam opaklık görseli seçilen renkle doldurur.