v2.5.2
Giriş yap

Javascript ile renk seçici yapımı

birotuz13
675 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Altta verdiğim fotoğraftaki gibi veya daha farklı bir renk seçici yapmak istiyorum. Kullanıcı renk seçtikten sonra div imin o renkte olmasını istiyorum. Nasıl yaparım?

https://imgur.com/a/f3EHqlI

akincankoc
1051 gün önce
    function hexToRgb(hex) {
        var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
        return result ? {
          r: parseInt(result[1], 16),
          g: parseInt(result[2], 16),
          b: parseInt(result[3], 16)
        } : null;
      }
     
     $("#tema").on("input",function(){
          var secilen = $("#tema").val();
          const {r,g,b} = hexToRgb(secilen);
          $(".inv-option-item").css("background-color", "rgb("+r+", "+g+","+b+")");
      });
    

bu şekilde birşey işini görür umarım hex kodunu rgb koduna çevirirsin istersen a değerinide

"rgba("+r+", "+g+","+b+","+a+")" bu şekilde kullanbilirsin