颜色转换器
输入任意格式的颜色,立即得到其他所有格式,随时可复制。
已封存在本设备上
在浏览器中运行,不上传任何内容。
已封存
HEX、RGB、HSL、HWB、LAB、LCH、OKLCH、CMYK,或者“tomato”这样的 CSS 颜色名。
所有格式
修改任意一行,其他行会同步更新。
预览
- 白底对比度
- 黑底对比度
- 最接近的 CSS 颜色名
这个颜色超出了屏幕可显示的范围(sRGB)。下方数值使用屏幕能显示的最接近颜色。
CMYK 是不含印刷配置文件的简单换算,准确数值请咨询你的印刷厂。
使用方法
-
输入颜色
粘贴任意格式的颜色代码、输入 CSS 颜色名,或用色块取色。
-
查看所有格式
HEX、RGB、HSL、HWB、LAB、LCH、OKLCH 和 CMYK 即时更新,你也可以直接修改任意一行。
-
复制所需内容
用对应按钮复制单个值,或一次复制所有格式,用于笔记或设计规范。
常见问题
怎么把 HEX 转成 RGB?
输入或粘贴 HEX 代码(带不带 # 都可以),RGB 值会立即出现。每两位 HEX 数字代表一个通道:红、绿、蓝,取值从 00 到 FF,对应 RGB 中的 0 到 255。
什么是 OKLCH?为什么要用它?
OKLCH 用明度、色度(鲜艳程度)和色相来描述颜色,符合人眼对颜色的感知。只改变明度时,色相看起来保持不变,因此非常适合生成深浅色阶和设计系统。现代浏览器的 CSS 已支持 OKLCH。
CMYK 值可以直接用于印刷吗?
这是不含 ICC 印刷配置文件的数学换算,适合作为起点,但还不能直接上机印刷。印刷厂使用的配置文件取决于纸张和印刷机。要获得准确数值,请咨询印刷厂,或在设计软件中使用他们提供的配置文件。
为什么提示我的颜色被调整了?
OKLCH、LAB 和 LCH 等格式可以描述比标准屏幕(sRGB)所能显示的更鲜艳的颜色。转换器会在保持色相的前提下,把这些颜色映射到最接近的可显示颜色,确保 HEX 和 RGB 值有效。
支持透明度吗?
支持。带 alpha 值的颜色,例如 #3442d980 或 rgb(52 66 217 / 0.5),在所有支持透明度的格式中都会保留透明度。CMYK 没有透明度,因此显示为不透明的颜色。
我的数据会被发送到别处吗?
不会。所有转换都在你的浏览器中进行,你输入的任何内容都不会被上传或保存。