转换工具
转换 HEX、RGB、HSL、HSV 和 CMYK
在浏览器中转换 HEX、RGB、HSL、HSV/HSB 和 CMYK。选取颜色、复制色值并检查 WCAG 对比度。不会上传。
粘贴色值或使用取色器。HEX、RGB、HSL、HSV、CMYK 会一起更新。对比度按不透明背景的 WCAG 比值计算。
- 本地运行
- 不上传
- 即时
- 免费
RGBA、HSLA 和 8 位 HEX 会保留透明度。HSV 与 CMYK 字符串不含透明度，会单独显示。
HSV 与 HSB 是同一模型。V 和 B 都表示明度。
此处 CMYK 是基于屏幕 RGB 的数学近似，不是印刷 ICC 配置文件转换。
WCAG 对比度
前景若有透明度，会按不透明背景上的合成色计算。此版本不使用背景透明度。仅对比度不能证明整页无障碍。
| 检查项 | 结果 |
|---|---|
| AA 普通文本 | |
| AA 大号文本 | |
| AAA 普通文本 | |
| AAA 大号文本 |
普通文本示例
大号文本示例
颜色转换和对比度检查在浏览器中完成，不会上传数值。
使用方法
- 01 粘贴 HEX、RGB、HSL、HSV 或 CMYK 值，或使用取色器。
- 02 查看转换后的代码并复制所需数值。
- 03 若颜色用于文字，请在不透明背景上检查对比度。
为何选择 NEXNARA
-
私密
数据只留在浏览器中。
-
即时
结果立即显示。
-
无需上传
不会向 NEXNARA 服务器发送任何内容。
-
随处可用
无需安装。
了解更多
什么是颜色转换器？
把一种颜色记法转成其他记法。可复制 CSS 用的 HEX、设计用的 RGB、调节用的 HSL、取色器用的 HSV，或简单的 CMYK 估算。计算只在浏览器中进行。
什么是 HEX？
HEX 用十六进制对表示红绿蓝，例如 #FF0000。短格式 #RGB 会把每位重复一次。八位 #RRGGBBAA 带透明度。这里可以省略 #。
什么是 RGB？
RGB 把红、绿、蓝按 0–255 混合。RGBA 再加 0–1 的透明度。屏幕以 RGB 显示颜色，因此它是其他转换的中心格式。
什么是 HSL？
HSL 是色相（0–360）、饱和度（0–100%）和亮度（0–100%）。色相 360 等于 0。HSLA 加上透明度。适合在不必想 RGB 数字时调节明暗或饱和度。
什么是 HSV / HSB？
HSV（也称 HSB）使用色相、饱和度和明度。它与 HSL 不同：最亮的红是 hsv(0, 100%, 100%)，而 hsl(0, 100%, 50%)。本工具把 HSV 和 HSB 当作同一模型。
什么是 CMYK？
CMYK 是青、品红、黄、黑，各为 0–100%。印刷使用 CMYK。这里的转换是屏幕 RGB 的数学估算，不是付印用的 ICC 配置文件。
RGB 与 CMYK
RGB 是屏幕上的加色光。CMYK 是纸上的减色油墨。相同数字不一定对应印刷色样。此 CMYK 仅供大致参考，不用于最终印刷。
什么是透明度（alpha）？
Alpha 是不透明度。1 为不透明，0 为完全透明。8 位 HEX、RGBA 和 HSLA 会保存它。本页的 HSV 和 CMYK 输出不含透明度，因此单独显示该字段。
什么是 WCAG 对比度比值？
WCAG 对比度比较文字与背景的相对亮度。常见目标：AA 普通文本 4.5:1，AA 大号文本 3:1，AAA 普通文本 7:1，AAA 大号文本 4.5:1。它不涵盖字号、字重及其他无障碍要求。
如何转换颜色
选择 HEX、RGB、HSL、HSV 或 CMYK。粘贴数值或移动取色器。输入时即转换。可复制任一结果。检查对比度时请使用不透明背景，并查看每行 WCAG 的 PASS 或 FAIL。
隐私
不会把数值发送到 NEXNARA 或外部颜色 API。本工具不会把数值存入 Cookie 或本地存储。
常见问题
如何把 HEX 转成 RGB？
粘贴如 #FF0000 的 HEX 或选取颜色，RGB 会显示为 rgb(255, 0, 0)。
如何把 RGB 转成 HEX？
选择 RGB 并输入 rgb(255, 0, 0) 或 R、G、B 字段，HEX 会更新为 #FF0000。
HSL 和 HSV 有什么区别？
两者都用色相和饱和度，但 HSL 的第三通道是亮度，HSV 是明度（value）。最亮的红在 HSL 中是 50% 亮度，在 HSV 中是 100% value。
HSV 和 HSB 一样吗？
一样。HSB 的 B（brightness）就是 HSV 的 V（value）。本工具接受 hsv() 和 hsb()。
RGB 能转成 CMYK 吗？
可以，作为屏幕 RGB 的估算。它不会匹配每台打印机的配置文件。
为什么印刷 CMYK 看起来会不同？
纸张、油墨和 ICC 配置文件会改变结果。本页不模拟印刷机。
8 位 HEX 是什么意思？
最后两位是透明度。#FF000080 大约是 50% 不透明的红色。
需要多高的对比度？
WCAG AA 普通文本是 4.5:1，大号文本可以是 3:1，AAA 普通文本是 7:1。本工具只报告这四项。
转换是在本地完成的吗？
是。只在浏览器中运行。没有服务器，也没有外部 API。
如何把 HEX 转成 HSL？
粘贴 HEX 并查看 HSL 字段，或从 HSL 开始再复制 HEX。色相 360 等于 0。