Color Picker – Change Diffuse Material

Hey Guys – already found some information in other threads but cant seem to figure out what im doing wrong.

I want do change the diffuse color of an object by using a color picker input that i created.

The Id for the color picker is “picker”

currently Im facing these 2 issues:

1.My code (for simple diffuse Shader in Blender):

eventHTMLElem(‘change’, ‘picker’, true, function(event) {

let rbg = changeToRBG(event.target.value)
console.log(rbg)

var vals = rbg.substring(rbg.indexOf(‘(‘) +1, rbg.length -1).split(‘,’)
console.log(vals[0]+” “+vals[1]+” “+vals[2])

setMaterialColor(‘mat_sohlenrand’, ‘Diffuse BSDF Color’, vals[0], vals[1], vals[2]);
});

function changeToRBG(val){
return “rgb(” + val.match(/[A-Za-z0-9]{2}/g).map(function(v) {
return parseInt(v, 16)
}).join(“,”) + “)”;
}

With this code, using the regular diffuse shader, i can change the colors with my color picker – but the colors dont match (look different than the colors that i selcted in the color picker) or some become just white

2. My code for diffuse with RGB Node input:

eventHTMLElem(‘change’, ‘picker’, true, function(event) {

let rbg = changeToRBG(event.target.value)
console.log(rbg)

var vals = rbg.substring(rbg.indexOf(‘(‘) +1, rbg.length -1).split(‘,’)
console.log(vals[0]+” “+vals[1]+” “+vals[2])

setMaterialColor(‘mat_sohlenrand’, ‘RGB‘, vals[0], vals[1], vals[2]);
});

function changeToRBG(val){
return “rgb(” + val.match(/[A-Za-z0-9]{2}/g).map(function(v) {
return parseInt(v, 16)
}).join(“,”) + “)”;
}

with this code, using the “RGB Node” in Blender, nothing happens.

I also attached screenshots for these two cases.

I hope you can help me resolve the problem.

thanks