取色器

取色器(Color Picker)是一种用户界面元素,可从图像、调色板或色谱中选择特定颜色。它以 RGB、十六进制代码或 HSL 等格式输出所选颜色,是设计和开发工作流程中的必备工具。

吸管功能使用 Canvas API 的 getImageData() 从特定像素坐标提取颜色。高级实现会对周围区域(3×3 或 5×5 像素)取平均值,以减少噪声影响并提供更具代表性的颜色样本。

设计师常用取色器从参考图像中提取调色板,确保项目间的视觉一致性。取色器工具可上传任意图像并即时获取任意位置的精确颜色代码。