Create Javascript HTML5 Color Picker on any page to get CSS color value

Javascript HTML5 Color Picker

javascript:(function(){function byId(id){return document.getElementById(id)};byId("colorPicker")||(document.body.innerHTML+='<div id="colorDiv"><input id="colorPicker" type="color">&nbsp;<input id="colorResult" type="text"></div>');byId("colorDiv").style.cssText="position: fixed;bottom: 0;background-color: #ddfc09;padding: 10px;border: 2px solid #ba734c;";byId("colorPicker").addEventListener("input",function(){byId("colorResult").value=byId("colorPicker").value})})();

/*
// uncompressed version
(function() {
  var byId = function(id) {
    return document.getElementById(id)
  }
  if (!byId('colorPicker'))
    document.body.innerHTML += '<div id="colorDiv"><input id="colorPicker" type="color">&nbsp;<input id="colorResult" type="text"></div>';
  byId('colorDiv').style.cssText = 'position: fixed;bottom: 0;background-color: #ddfc09;padding: 10px;border: 2px solid #ba734c;';
  byId('colorPicker').addEventListener('input', function() {
    byId('colorResult').value = byId('colorPicker').value;
  });
})();

*/