A Pen by Daniel Ramirez.

index.html

<input type="color" id="colorGrab">

<div id="id">Choose a color and click refresh</div>

<button id="refresh">Refresh</button>

script.js

var colorId = document.getElementById('colorGrab');
var outputId = document.getElementById('id');
var refresh = document.getElementById('refresh');

refresh.addEventListener('click', function() {
  outputId.innerHTML = 'HEX Value: ' + colorId.value;
});

Simple-HEX-color-generator.markdown

Simple HEX color generator

Don't know the HEX value of a certain color? Well, choose a color in the HTML5 color picker and click refresh to generate that color's HEX value!

A Pen by Daniel Ramirez on CodePen.

License.