颜色选择器 使用指南

此工具有什么功能

颜色选择器可在五种常见颜色格式之间转换：HEX、RGB、HSL、HSV 和 CMYK。可通过系统原生色板选择颜色，或输入任意支持格式的颜色代码——工具会即时显示所有五种格式的等效值。一键复制任意值。适合设计师、开发者和任何需在不同工具和系统间使用颜色代码的用户。

如何使用

1. 视觉选色 — 点击色板打开系统原生颜色选择器。选择颜色后，工具会自动更新所有格式代码。
2. 或输入颜色代码 — 粘贴或输入任意支持格式的颜色：
   • HEX：#ff6b6b 或 #f66
   • RGB：rgb(255, 107, 107)
   • HSL：hsl(0, 100%, 71%)
   • HSV：hsv(0, 58%, 100%)
   • CMYK：cmyk(0%, 58%, 58%, 0%)
3. 复制所需格式 — 点击任意格式旁的复制按钮，将该值复制到剪贴板。
4. 双向同步 — 修改色板会更新文本；输入有效代码会更新色板和所有其他格式。

工作原理

五种格式均以 RGB 元组（红、绿、蓝，各 0–255）为规范中间表示。当您输入颜色时：

1. 解析 — 工具依次尝试各格式的解析器（HEX、RGB、HSL、HSV、CMYK），直到成功。
2. 转换为 RGB — 输入被转换为整数 RGB 元组。
3. 生成所有格式 — 从 RGB 计算 HEX、RGB 字符串、HSL、HSV 和 CMYK。
4. 显示 — 五种格式代码均带复制按钮显示。

无效输入显示行内错误；空输入不操作（无错误、无变更）。原生颜色选择器始终返回有效的 6 位小写 HEX，因此视觉路径不会触发解析错误。

所有处理均在您的浏览器中完成。不会向任何服务器发送数据。

使用场景与示例

• 网页开发 — 将设计颜色（如印刷 CMYK）转换为 CSS 用 HEX 或 RGB。
• 设计交付 — 一次选择提供多种格式代码给开发者。
• 无障碍 — 调整亮度或饱和度（HSL/HSV）以满足对比度要求。
• 印刷准备 — 将屏幕颜色（RGB）转换为印刷流程的 CMYK。
• 品牌一致性 — 确保同一颜色在网页、应用和印刷中正确使用。

限制与已知约束

• 精度 — RGB 使用整数（0–255），转换可能有 ±1 通道舍入。属于标准范围，一般使用足够。
• 色域 — CMYK 可表示一些 RGB 无法表示的颜色；从 CMYK 转为 RGB 可能为近似值。
• 原生选择器 — 视觉选择器功能取决于您的操作系统和浏览器。
• 空输入 — 清空输入框不会清除已显示代码；会保留上一个有效颜色。