颜色格式转换
在 HEX、RGB、HSL 和 CMYK 等格式之间互转（桌面端支持实时预览）
HEX
#
RGB
R
G
B
HSL
H
S
L
CMYK
C
M
Y
K
小提示：按住通道字母左右拖动可微调
预览
使用说明
🚀 快速开始
- 选择/输入颜色：可在任一格式输入（如 #1E90FF、rgb(30,144,255)、hsl(210,100%,56%)）或使用取色器
- 自动转换：输入任一格式后，其余格式会即时计算并显示
- 复制：点击对应格式后的复制按钮，快速获取标准化字符串
📌 常见使用场景
- 设计联动：将设计稿中的 HEX 转换为 CSS RGB/HSL 用于开发
- 风格指南：统一组件库的颜色格式与书写风格
- 印刷参考：将屏幕色转换为 CMYK 作为印刷初步参考（需打样确认）
- 可访问性：借助预览做对比度初查（实际对比度计算请用专门工具）
🎛️ 转换参数与显示
- 输入规则：HEX 仅支持 6 位（不含 Alpha）；RGB 为 0–255；H 为 0–360，S/L 为 0–100；CMYK 为 0–100。输入不区分大小写
- 预览行为：桌面端右侧实时预览；移动端为轻量模式，不显示预览
- 取色器：点击各格式卡右上角的调色盘按钮打开色盘
- HEX 大写策略：输出统一为大写（如 #1E90FF），输入不区分大小写；无大小写切换开关
- 微调：按住通道字母左右拖动可微调（Shift×10，Alt÷0.1）
- 复制输出：复制按钮会输出标准化字符串（HEX 统一大写）
🧭 使用建议
- 精度意识：sRGB 与显示设备存在差异，不同软件取色结果可能略有偏差
- 透明度：当前格式不含 Alpha；需要透明度时请使用 rgba()/hsla() 或单独维护
- 色彩空间：Web 默认 sRGB；在 P3/Display‑P3 等广色域场景下需谨慎验证
- 团队一致：约定统一的颜色格式（如 CSS 中统一使用 HSL）
⚠️ 限制与兼容性
- 设备差异：不同显示器/浏览器/系统的色彩管理不同，实际观感可能差异
- CMYK 近似：CMYK 换算为近似值，仅作参考，严肃印刷需 ICC 配置与专用流程
- 不含 Alpha：本工具不处理透明通道
🔒 隐私与安全
- 所有处理均在您的浏览器内完成，数据不会离开您的设备
- 不做持久保存：关闭页面后输入与历史将清空（除非你主动保存）
❓ 常见问题
是否支持 #RGB 简写？
暂不支持 #RGB 三位简写；请使用 6 位 HEX（#RRGGBB）
RGB 与 HSL 的取值范围是什么？
RGB 为 0–255 整数；H 为 0–360，S/L 为 0–100%
为什么 CMYK 与印刷结果不同？
CMYK 受纸张、油墨、设备与 ICC 配置影响；本工具仅做近似换算，成品需打样确认
是否支持透明通道（rgba()/hsla()）？
暂不支持 Alpha；请使用 rgba()/hsla() 或单独维护透明度。
为什么预览或转换值与设计软件/浏览器显示不同？
受色彩管理、渲染算法、屏幕校准等影响；本工具以 sRGB 为基础进行计算，结果仅供参考。
是否支持宽色域（P3/Display‑P3）？
当前基于 sRGB 计算；在广色域场景下需结合目标设备与 ICC 配置谨慎验证。
支持从 CMYK 反推 HEX/RGB 吗？
支持互转，但 CMYK→屏幕色仅作近似参考；严肃印刷需结合 ICC 与打样确认。