Click To Change The Color

HTML
<!-- Click on the page to change the color --> <input type="color" value="#0000ff">
CSS
body { background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/ford_shelby_gt500_3-wallpaper-1920x1080.jpg) 0/cover; height: 100vh; margin: 0; } input { padding: 0; border: none; position: absolute; width: 100%; height: 100%; mix-blend-mode: hue; cursor: pointer; } ::-webkit-color-swatch { border: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: none; } ::-moz-focus-inner { padding: 0; }
JAVASCRIPT
Expand for more options Login