颜色选择器

什么是颜色选择器？

如何使用颜色选择器

1. 1

   拖动选色：在上方圆形色轮区域，拖动中间的选色点调整色相与饱和度，再拖动下方的亮度滑块修改明暗，调整过程中会实时预览当前选中的颜色效果。

2. 2

   查看格式：调整完颜色后，下拉到下方的色值结果展示区，可以依次查看不同格式下对应的完整色值，每个格式都单独展示方便查看。

3. 3

   复制色值：找到你需要的颜色格式后，直接点击该格式对应的色值输入框，系统会自动将框内的色值复制到剪贴板，直接粘贴使用即可。

4. 4

   收藏颜色：选中满意的颜色后，点击结果区旁的『收藏』按钮，就能把这个颜色保存到页面下方的历史收藏列表里，方便后续调用。

什么场景会用到？

计算示例

注意事项

• 输出的十六进制颜色默认不带#前缀，可通过设置勾选添加前缀。
• 支持的6种格式为：Hex、RGB、HSL、HSV、CMYK、CMY，不同格式精度有差异。
• 历史收藏最多保留20条最近选过的颜色，刷新页面后不会自动清空。
• 如果选取的颜色超出CMYK印刷色域，工具会自动做近似色域转换，实际印刷需以印刷校色为准。

常见问题

参考资料

• W3C CSS Color Module Level 4 规范
• 国际色彩联盟（ICC）色彩空间转换通用实践

本工具遵循W3C CSS颜色标准实现各类格式转换，所有输出结果都经工具编辑组手动验证，日常维护更新格式兼容规则，适配主流浏览器显示需求。