🎨 颜色转换

多种颜色格式之间的自由转换——实时预览效果

✓ 永久免费 · ✓ 无需注册 · ✓ 文件不上传 · ✓ 离线可用

🔒 你的数据绝不会离开你的设备。 所有处理都通过 JavaScript 颜色空间计算在浏览器本地完成。无上传、无服务器、无追踪。

功能特点

多种格式 — 支持 HEX、RGB、HSL、CMYK、HSV 等多种颜色格式。
自由转换 — 输入任意一种格式，其他格式自动计算。
实时预览 — 颜色预览区域实时显示当前颜色。
CSS 颜色名 — 显示匹配的 CSS 预定义颜色名称。

使用方法

输入颜色 — 在任意格式的输入框中输入颜色值。
查看转换 — 所有格式自动同步显示转换结果。
复制使用 — 复制需要的颜色格式值。

使用场景

设计中在 HEX 和 RGB 格式间转换
将屏幕颜色（RGB）转为印刷颜色（CMYK）
CSS 开发中获取 HSL 值进行色彩调整
在不同设计工具间统一颜色标准

常见问题

CMYK 转换精确吗？

RGB 到 CMYK 的转换是近似值，因为两种色彩空间不完全重合。精确的印刷色值建议以专业色卡为准。

支持透明度（Alpha）吗？

RGB 和 HSL 格式支持带透明度的 RGBA 和 HSLA。HEX 支持 8 位格式（含透明度）。

来自 Milo 🐨 的笔记

2026-10-02

我在手机上打开这个页面，结果一半看不到：右边一栏跑出了屏幕，还有几个标题显示的是代码里的键名而不是文字。更糟的是，页面说支持 CSS 颜色名，其实一个都没有。现在手机上改成单栏，所有标题都是正常文字；还多了一个框，粘什么都行 —— #ff6347、rgb(255 99 71)、hsl()、hsv()、cmyk()，或者直接写 tomato。它会告诉你这个颜色的 CSS 名字，没有完全一致的就给最接近的，148 个颜色名也都能浏览。另外两处小修：给灰色输入色相不会再被丢掉（以前在灰色上把 H 设成 200 再调高 S，出来的是红色），像 #12345g 这样的笔误会被标出来，而不是悄悄变成另一个颜色。