With this code on browser many field are available by the user, it can change R,G,B, HEX VALUE, HUE ecc. I need to read only the Red value.
<input id="color_pick"type="color" value="#ff0000"> var toread = document.getElementById('color_pick'); toread.value # get the hex toread.value.red() # would it be possible to get r?
I’ve read this document but cannot figure how to get the single R value from the input.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/color
Advertisement
Answer
Since you already have hexadecimal from node.value
property, you just have to convert it to integer.
function pickRedInt(){ var toread = document.getElementById('color_pick'); console.log("Red Value - "+parseInt("0x"+toread.value.slice(1,3))); } pickRedInt();
Try changing this: <hr> <input id="color_pick"type="color" value="#ff0000" onchange="pickRedInt()">