Choose a color to color the below text <input id="color_picker" type="color" onchange="showHex();"> <span id="color_hex_value"></span>
	<h1>COLOR ME !</h1>
body{
	font-family: "bookman old style";
}
function showHex(){
			var hex =  document.querySelector("#color_hex_value"),
			    h1 = document.querySelector("h1");
		
			h1.style.color = document.querySelector("#color_picker").value;
		}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.