颜色格式转换
颜色格式转换
颜色格式转换支持 HEX、RGB、HSL、CMYK 互转，提供实时预览、取色器与自动同步换算，适用于设计交付、CSS 样式编写与色板校对。
HEX
#
RGB
R
G
B
HSL
H
S
L
CMYK
C
M
Y
K
颜色格式转换选择/输入颜色：可在任一格式输入（如 #1E90FF、rgb(30,144,255)、hsl(210,100%,56%)）或使用取色器自动转换：输入任一格式后，其余格式会即时计算并显示复制：点击对应格式后的复制按钮，快速获取标准化字符串
快速开始
1
2
3
常见使用场景
设计联动
将设计稿中的 HEX 转换为 CSS RGB/HSL 用于开发
风格指南
统一组件库的颜色格式与书写风格
印刷参考
将屏幕色转换为 CMYK 作为印刷初步参考（需打样确认）
可访问性
借助预览做对比度初查（实际对比度计算请用专门工具）
补充场景
RGB 转 HSL、HSL 转 RGB、颜色代码转换 也可在同一流程中完成，便于在复制、导出或交付前快速核对结果。
转换参数与显示
输入规则：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 三位简写；请使用 6 位 HEX（#RRGGBB）
RGB 为 0–255 整数；H 为 0–360，S/L 为 0–100%
CMYK 受纸张、油墨、设备与 ICC 配置影响；本工具仅做近似换算，成品需打样确认
暂不支持 Alpha；请使用 rgba()/hsla() 或单独维护透明度。
受色彩管理、渲染算法、屏幕校准等影响；本工具以 sRGB 为基础进行计算，结果仅供参考。
当前基于 sRGB 计算；在广色域场景下需结合目标设备与 ICC 配置谨慎验证。
支持互转，但 CMYK→屏幕色仅作近似参考；严肃印刷需结合 ICC 与打样确认。