01
核对输入写法
支持长短 HEX 与 rgb()、hsl()、hsv()、cmyk()、lab()、oklch()。有分量错误时保留旧色块，但禁用旧结果复制。
颜色工具
颜色格式转换器— 一个颜色，七种表示
输入 HEX、RGB、HSL、HSV、CMYK、Lab 或 OKLCH 色值，即可并排查看结果。
颜色格式转换器
颜色仅在当前浏览器标签页处理，不上传也不保存。
HEX
#3B82F6RGB
rgb(59 130 246)HSL
hsl(217.2 91.2% 59.8%)HSV
hsv(217.2, 76%, 96.5%)CMYK
cmyk(76%, 47.2%, 0%, 3.5%)Lab
lab(54.619% 8.771 -65.783)OKLCH
oklch(62.308% 0.188 259.81)在 sRGB 色域内。
sRGB 与 OKLCH 使用 D65；CSS Lab 使用 D50。CMYK 仅为无 ICC 配置文件的公式估算。
透明度设置
七种颜色结果已更新。
设计稿给出 HEX，样式表却使用 OKLCH，印刷说明又列出 CMYK。颜色格式转换器适合核对这些写法指向的屏幕颜色，也提醒你哪些数值无法无损往返。
这里可以做 HEX 转 RGB、RGB 转 HSL、OKLCH 转换与 CMYK 颜色转换。颜色格式转换器把色块、透明度和色域提示放在结果旁，便于在复制前发现差异。
为什么用颜色格式转换器
原值与屏幕结果分开看
看到色域映射再复制
Lab 或 OKLCH 色值可能超出 sRGB。颜色格式转换器保留输入原值，再通过降低 OKLCH 彩度生成屏幕预览与 HEX；警示会指出两者并不完全相同。
透明度不会被色块掩盖
四位或八位 HEX 可以携带透明度。棋盘底色块显示叠加效果，支持透明度的 CSS 格式会保留它；CMYK 估算不包含透明度。
先确认输入，再读转换结果
02
辨认透明度与色域
透明度滑块单独控制 alpha；输入宽色域颜色时，分别查看原始 Lab 或 OKLCH 和映射后的 HEX。
03
只复制最新结果
自动模式会在停止编辑 350 毫秒后更新。关闭自动模式可按 Ctrl/Cmd+Enter 手动转换；输入一变，复制立即禁用。
七种颜色数值各有用途
网页常用写法
HEX、RGB 和 HSL 给出 sRGB 的 CSS 表达；HSV 使用设计软件常见的亮度轴。
感知空间坐标
CSS Lab 采用 D50 参考白点，OKLCH 采用 D65。输入超出色域时，原始坐标与屏幕预览分开标注。
有边界的印刷参考
CMYK 数值由 sRGB 公式估算。真正印刷仍需按纸张、油墨和 ICC 配置文件转换。
转换边界与使用提醒
- 超出色域不可能无损
- Lab 或 OKLCH 超出 sRGB 后没有完全相同的 HEX。页面降低彩度给出可显示的近似色，并保留原始输入。
- CMYK 不是印刷打样值
- 这里没有印刷机配置文件或黑版生成参数，四个百分比只能作参考，不能直接作为生产分色。
- HSV 与 CMYK 不是通用 CSS 声明
- 这里的 hsv() 和 cmyk() 便于换算；要粘贴到 CSS，请使用 HEX、rgb()、hsl()、lab() 或 oklch()。
- 仅处理一个颜色
- 页面不从图片抽色、不生成配色、不计算对比度，也不保存色值或把它写进分享链接。
颜色格式转换器常见问题
这个转换器会输出哪些颜色格式？
输入一个颜色后会同时显示 HEX、RGB、HSL、HSV、CMYK、Lab 和 OKLCH 七种结果。
OKLCH 是什么，我为什么要转换到它？
OKLCH 用明度、彩度和色相描述颜色；改变明度时通常比 HSL 更贴近视觉感受。
转换器会保留透明度通道吗？
会。四位或八位 HEX 及带斜杠透明度的 CSS 输入可同步 alpha，色块也会反映透明度。
我可以把 oklch() 或 lab() 值作为输入粘贴吗？
可以。页面接受 oklch() 和 lab()，并保留超出 sRGB 时的原始数值。
我输入的颜色会被发送到服务器吗？
不会。解析与换算在浏览器本地完成，页面不上传或持久保存输入。
还有颜色换算问题？