调色器怎么实现的,非常非常的简单就是使用H5input新属性range拖动条
<input type="range" min="0" max="255">
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6a09684d6eb76495a8b5d14ed4df396e.jpeg)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5dc8dc10fa64e454a54419f961d2fbe5.gif)
- 通过设置input新属性
range
实现拖动条,同时可以设置最大值和最小值min="0" max="255"
因为颜色是0-255所以设置最大255,最小0,实现颜色切换,一共有三组所以需要设置三个拖动条来实现颜色切换,通过以下js
代码和html
代码实现,非常的简单
- 最主要的是通过三个拖动条的
value
值来实时设置颜色
<div id="div1"></div>
<div>