颜色转换器
在 HEX、RGB、HSL、HSV 和 CMYK 之间转换颜色
HEX
RGB
HSL
HSV
CMYK
输入或取色时，五种表示实时更新。
色彩空间及其细则
⚡
一次粘贴，全格式齐备
粘贴 "#4f46e5"、rgb(79,70,229) 或 hsl(245,58%,59%)，立即得到全部五种表示——不用为每种模式重输一遍颜色。
🔒
带取色器的实时色板
你输入或拖动原生取色器时预览即时更新，转换的结果就是你看到的色板。
什么是颜色转换器？
颜色转换器在同一种颜色的各种格式之间互译。设计软件导出 HEX 或 CMYK，前端工程师需要 CSS 用的 rgb() 或 hsl()，数据工具可能要 hsv()。与其打开五次取色器，不如粘贴已有值，立即看到其他所有表示："#4f46e5" → rgb(79, 70, 229) → hsl(245, 58%, 59%)。转换器解析你提供的任意格式，用标准正反公式计算全部等价表示，并显示实时色板，让你在复制之前先确认色相。
它能做什么
- 解析 hex（#fff、#ffffff、#rrggbbaa）和 rgba() 输入
- 对任意输入计算 rgb / hsl / hsv / cmyk 等价表示
- 输入或取色时实时更新预览色板
- 保留存在的 alpha（8 位 hex、rgba）
- 每种格式都有独立复制按钮
- 原生取色器支持可视化选取
什么时候用它
- 把设计工具里的品牌色搬进 CSS 变量
- 把印刷的 CMYK 值转成网页安全的 hex
- 为 CSS 渐变和深色模式配色获取 hsl 值
- 核对别的转换器是如何取整颜色的
隐私：转换完全在你的浏览器里进行，输入的内容绝不会被上传。
HEX、RGB、HSL 与对比度的真相
- HEX 与 RGB 是同一组 sRGB 数值的两种写法——互转是纯算术，绝不会偏色。
- HSL 把同一色域卷成圆柱：色相旋转、饱和度辐射、亮度抬升；等距的 HSL 步进看起来差异并不相等——OKLCH 那类感知均匀空间就是为此而生。
- WCAG 对比度用伽马展开后的相对亮度计算，不是 RGB 直接求平均；下方检查器用的是官方 2.1 公式。
常见问题
支持哪些格式？⌄
Hex（3、4、6、8 位——8 位含 alpha）、rgb()/rgba()、hsl()/hsla()、hsv()/hsb() 和 cmyk()。无论输入 #FFF、rgb(255 0 0) 还是 hsl(0, 100%, 50%) 都会自动归一化。
转换精确吗？⌄
与标准 CSS 转换公式一致（通道取整到整数）。HSL/HSV 色相保留一位小数精度；CMYK 按常规公式计算并取整到一位小数百分比。
我的颜色会被发送吗？⌄
不会。一切都在你的浏览器里用纯 JavaScript 运行——没有任何内容被传输或存储。