The RGB to HEX must account for the fact that we may end up with a single digit return when using the parseInt function, and thus will need to pad. color1 = + color1, 16), parseInt(color1 + color1, 16), parseInt(color1 + color1, 16)] Īnd converting RGB to HEX color3 = '#' + int_to_hex(color3) + int_to_hex(color3) + int_to_hex(color3) To RGB: use the native parseInt function in JavaScript with a radix of 16. The logic comes from converting the values to from HEX to RGB and from RGB to HEX. It's pure vanilla JS and provides a canvas to show the resulting values. blend the colors based on the RGB values validate input and create 6 char hexcode The values were supplied via JSON and would need to be converted on the UI. My input would be the lower bound color, the upper bound color, and the percentage between the lower bound to the upper bound. This would give the end-user a quick visual as to just what needed their immediate attention without having just a three color step function. I wanted to blend the colors naturally so something that was approaching the danger area would be in orange. This would alert the user that they are moving away from operating in a normal parameter (green) to a warning state (yellow) to a bad state (red). For my current project, I wanted to create a visual indication that would smoothly flow, based on the input, from green to yellow and from yellow to red.
0 kommentar(er)
