Javascript ile renk seçici yapımı
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?
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