在线颜色调色板工具,提供 12 种颜色格式转换:HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV、HWB、CMYK、LCH、LAB 和 CIE-XYZ。内置取色器,所有模块实时转换,并提供 127 条标准命名颜色(125 个不同色值)的参考表。零数据上传 —— 所有处理在您本地浏览器中完成。
如何使用
选一个颜色,或直接输入色值
用拾色器可视化选色;如果已经知道自己手上的 HEX、RGB、CMYK、XYZ 或 ARGB,也可以直接在换算区里填。
读取十二种输出格式
每次变动都会重算全部格式:HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV、HWB、CMYK、LCH、LAB、XYZ。
复制你需要的那种格式
每一行都有自己的复制按钮,可以只取一种写法,不必手工改格式。
取色器
使用SketchPicker直观选取任意颜色，并即时查看其在所有12种颜色格式中的表示。点击任意格式值即可一键复制到剪贴板。
所有颜色格式实时预览
一键复制任意颜色格式值
同时支持Web和印刷色彩空间
12种颜色格式转换
在12种行业标准颜色格式间转换：面向Web的HEX和RGB、人性化的HSL和HSV、印刷就绪的CMYK、设备无关的LAB和LCH，以及科学的CIE-XYZ。每次转换在您输入时实时更新。
HEX / HEXA
RGB / RGBA
HSL / HSLA
HSV / HSB
HWB
CMYK
LCH / LAB
CIE-XYZ
12种实时格式转换
一键复制转换后的值
每个结果附带可视化色块预览
所有转换随输入实时更新，无需点击按钮
7个专用转换模块
每个色彩空间对都有其专用模块，包含输入字段和实时输出。桌面用户可看到两列网格布局，便于高效并排操作。
CIE-XYZ → RGB
RGB → HEX
HEX → RGB
ARGB → HEX
HEX → ARGB
CMYK → RGB
RGB → CMYK
输入时实时显示结果
一键复制并伴有视觉反馈
颜色参考表
浏览 127 条标准 CSS 命名颜色及其 HEX 和 RGB 值 —— 其中不同色值共 125 个:Aqua 与 Cyan 同为 #00FFFF,Fuchsia 与 Magenta 同为 #FF00FF。点击任意值即可即时复制。表格采用可滚动布局,并带有固定表头,便于查阅。
谁适合使用颜色调色板工具？
我们的颜色转换器服务于各行业的广泛专业人士：
Web设计师在CSS开发中转换HEX、RGB和HSL
印刷设计师使用CMYK转RGB进行数字预览
数据可视化工程师在LAB和XYZ色彩空间间标准化颜色
常见问题
- 参考色表里一共有多少种颜色?
- 127 条条目,其中 125 种是不同颜色。有两组是同一个值:Aqua 与 Cyan 都是 #00FFFF,Fuchsia 与 Magenta 都是 #FF00FF。本页此前的文案写的是 147 种,那是错的。
- HEXA、RGBA、HSLA 这三行为什么始终是完全不透明?
- 因为这一页没有透明度输入。这三个值里的 alpha 是写死的 255(CSS 写法里是 1)—— 拾色器只产出红绿蓝三个分量,所以在这里没有任何可调项能改变显示的透明度。
- HSV、CMYK、XYZ 这几行能直接当 CSS 颜色用吗?
- 不能。只有 HEX、RGB、HSL 及其带透明度的变体(外加 LAB 与 LCH)是合法的 CSS 颜色写法。HSV、HWB、CMYK 与 XYZ 之所以也按函数样式打印,只是为了好读,浏览器不会接受原样写进样式表的这些值。请把它们当参考,贴进 CSS 前先转换。
- 会有内容被发送到服务器吗?
- 不会。拾色器、换算与参考色表全部在你的浏览器内运行。你输入或选择的任何内容都不会被传输或存储。