html取色器原理,前端开发自制取色器

/p>

Document

margin: 0;

padding: 0;

}

main {

border-radius: 10px;

background-color: gray;

overflow: hidden;

width: 240px;

padding: 5px;

margin: 0 auto;

border: 2px solid #000;

}

.colbox {

margin-top: 5px;

width: 238px;

height: 238px;

border-radius: 5px;

border: 1px solid gold;

}

.setbox {

width: 235px;

padding-top: 20px;

padding-left: 5px;

text-align: center;

}

.txt {

float: left;

padding-left: 20px;

height: 20px;

}

input[type=range] {

width: 180px;

display: inline-block;

margin-top: 10px;

margin-right: 10px;

outline-style: none;

}

input[typ