颜色转换器

在一个实时更新的表格中，转换 HEX、RGB / RGBA、HSL、HSV 与 CMYK 之间的颜色值，并提供颜色预览与 CSS 颜色名称查询。

免费无需注册客户端运行注重隐私 Updated 5月 18, 2026

包含透明度通道 (HEX-8 / RGBA)

透明度

预览

颜色名称:

使用方法

1 在任意一行输入颜色值——HEX、RGB、HSL、HSV 或 CMYK——其余四行会实时自动更新。
2 你也可以直接在 HEX 那一行粘贴 CSS 颜色名称（如 red、dodgerblue、rebeccapurple）。
3 开启 Include alpha 可将其扩展为 HEX-8 以及 RGBA / HSLA / HSVA 形式；拖动滑块即可调整透明度。
4 点击每一行的 Copy 按钮，即可将对应的值复制到剪贴板。

为什么使用此工具

五种格式始终保持同步——无需在三四个不同网站之间来回复制粘贴。
同时支持现代与传统写法——rgb(255 87 51)、rgb(255, 87, 51)，或 rgba(255 87 51 / 0.5) 都能识别。
CSS 颜色名称查询覆盖全部 148 个 SVG / CSS4 关键字。
所有计算均在浏览器本地完成，你的品牌配色不会被上传到任何地方。

常见问题

HEX 支持透明度吗？

支持——开启透明度开关后，HEX 会扩展为 8 位字符（#RRGGBBAA）。现代浏览器和大多数设计工具都能识别这种格式。

为什么我的 HSL 和 HSV 数值被四舍五入了？

为了便于阅读，界面上显示的各通道数值会被四舍五入为整数百分比。但内部转换始终保留完整精度，因此再转换回 RGB 时依然能得到最初准确的字节值。

转换出的 CMYK 颜色和我印刷软件里的看起来不太一样。

浏览器和大多数在线转换工具使用的是简化版 RGB↔CMYK 换算公式——实际印刷颜色还取决于色彩配置文件（ICC、GRACoL、FOGRA）。这里给出的结果仅适合作为屏幕上的估算参考。

如果我只需要在 HEX 和 RGB 之间转换呢？

这个工具支持全部五种格式，但如果你只是想快速转换，只需把 HEX 值粘贴到最上面一行，然后在第二行读取对应的 RGB 值即可。

什么是颜色转换器？

颜色转换器是一款在多种颜色模型之间转换单一颜色值的工具——最常见的包括 HEX（网页常用的简写形式）、RGB / RGBA（红-绿-蓝，附带可选的透明度通道）、HSL（色相/饱和度/明度）、HSV（色相/饱和度/明度值）以及 CMYK（用于印刷，由青色/品红/黄色/黑色组成）。工具会先将任意输入的颜色值统一转换为内部通用表示，再在各格式之间相互换算，并提供颜色预览框方便肉眼核对结果。

功能特性

五种颜色模型

在 HEX、RGB / RGBA、HSL、HSV 和 CMYK 之间转换——编辑任意字段,其余字段会实时更新。

色块与命名颜色

实时色块可预览结果,并且可以搜索全部 148 种 CSS 命名颜色。

免费且私密

完全在客户端运行——无需注册,不上传任何数据。

示例

Input

#3B82F6

Output

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%)

常见使用场景

1

用于 CSS 的 HEX ↔ RGB 转换

将设计师提供的 HEX 转换为 rgb()/rgba() 或 HSL,用于样式表和设计令牌(design token)。
2

适用于印刷的 CMYK

获取屏幕颜色的近似 CMYK 分解值,用于印刷工作。
3

使用 HSL/HSV 进行微调

切换到 HSL 或 HSV,直观地调整色相、饱和度和明度。