HTML如何添加取色器

在HTML中有时需要用取色器让客户自己取色，下面小编给大家分享一下HTML如何添加取色器。

方法/步骤

1、首先准备一个HTML文档，搭建好结构，如下图所示

2、接着添加一个input，类型是color，如下图所示

3、然后在script里面通过id读取颜色的值，如下图所示

4、接着右键单击选择在浏览器中运行，如下图所示

5、然后就可以看到HTML中有取色器了，如下图所示

6、最后打开console,可以看到颜色的值也输出了，如下图所示