document.addEventListener("DOMContentLoaded", function () {
var color = document.querySelector('#color'),
color_val = document.querySelector('#color_val'),
background = document.querySelector('#background'),
background_val = document.querySelector('#background_val'),
output = document.querySelector('output');
color.addEventListener('change', changeStyle);
background.addEventListener('change', changeStyle);
function changeStyle() {
output.style.color = color.value;
output.style.backgroundColor = background.value;
color_val.innerHTML = color.value;
background_val.innerHTML = background.value;
}
});
Colorpicker demo
Wählen Sie Ihre Lieblingsfarbe
HEX:
RGB:
