以下是一个简单的HTML拾色器的例子：
<label for="colorPicker">选择颜色：</label>
<input type="color" id="colorPicker" name="colorPicker" value="#ff0000">
在这个例子中：
- type="color" 属性告诉浏览器这是一个颜色拾色器。
- id 和 name 属性用于标识该输入元素。
- value 属性用于设置默认颜色值。在这个例子中，它是红色 (#ff0000)。
用户点击拾色器时，将会弹出一个包含颜色选择界面的对话框，用户可以通过选择颜色或手动输入颜色代码来选择他们想要的颜色。
拾色器返回的颜色值通常是一个十六进制颜色代码，例如 #ff0000 表示红色。你可以通过JavaScript来获取用户选择的颜色值：
var colorPicker = document.getElementById("colorPicker");
colorPicker.addEventListener("input", function() {
var selectedColor = colorPicker.value;
console.log("Selected color: " + selectedColor);
});
在这个例子中，我们使用 addEventListener 监听 input 事件，以便在用户选择颜色时获取拾色器的值。
请注意，input 事件是即时触发的，而不是等到用户关闭颜色选择对话框。这样，你可以实时获取用户的选择。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12455/HTML