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;
}
2 Responses