颜色格式转换器

支持 Hex, RGB, HSL, CMYK (逗号或空格)

有效

转换结果

HEX

网页通用格式

RGB

屏幕显示标准

HSL

色相/饱和度/亮度

CMYK

印刷四分色模式

常见颜色格式介绍

HEX (十六进制)

网页设计中最常用的格式，以 # 开头，后跟 6 位字符（如 #FF5733）。它实际上是 RGB 值的十六进制表示。

RGB (红绿蓝)

代表显示器发光的原理。通过红(R)、绿(G)、蓝(B)三种色光的叠加来生成颜色。数值范围通常为 0-255。

HSL (色相饱和度亮度)

更符合人类直觉的颜色模型。H(色相) 决定颜色种类，S(饱和度) 决定鲜艳程度，L(亮度) 决定明暗。调整配色时非常有用。

CMYK (印刷四分色)

用于印刷行业的颜色模式。C(青)、M(洋红)、Y(黄)、K(黑)。与屏幕显示不同，它是减色模式（油墨混合）。

使用场景

网页设计 (Web)

设计师给出的稿子通常是 HEX 格式，但在 CSS 中使用 `rgba()` 做透明度效果时，需要将其转换为 RGB 格式。

平面印刷 (Print)

屏幕上好看的 RGB 颜色（如荧光绿），在打印时往往无法还原。使用本工具转换成 CMYK 可以提前预览并调整出安全的印刷色。

配色调整

想要在保持色相不变的情况下，让颜色变暗一点？将 HEX 转为 HSL，只需减小 L 的数值即可轻松实现。

常见问题 (FAQ)

为什么 CMYK 转换后的颜色看起来变暗了？
这是正常的物理现象。RGB 是色光（加色法），可以显示非常明亮的颜色；而 CMYK 是油墨（减色法），色域范围比 RGB 小，无法呈现某些高饱和度的荧光色。
HEX 颜色代码必须是 6 位吗？
不一定。标准的 HEX 是 6 位（如 #FFFFFF），但也支持简写为 3 位（如 #FFF），浏览器会自动将其解析为 6 位。本工具会自动补全。
什么是“Web 安全色”？
Web 安全色是指在早期 8 位色深显示器上也能不失真显示的 216 种颜色。现在大多数设备都支持数百万色，这个概念已不再重要。
HSL 和 HSV 是一样的吗？
不一样。HSL（亮度）更注重色彩的“白度”，而 HSV（明度）更注重色彩的“亮光”。在 CSS 中，我们要使用 HSL。
可以从图片中取色吗？
现代浏览器的 `` 控件通常自带吸管工具，点击左侧的颜色方块即可尝试调用系统吸管从屏幕任意位置取色。
支持 Alpha 透明度通道吗？
本工具目前专注于基础色彩转换，暂时不支持 Alpha 通道的转换（如 RGBA 或 8位 HEX）。
数据是如何计算的？
所有计算都在您的浏览器本地完成，基于标准的数学转换公式（如 RGB 转 CMYK 公式）。没有数据会被上传。
这个工具免费吗？
是的，完全免费，无限制使用。

更多免费实用工具

CSS 渐变生成器

在线制作线性/径向渐变背景，支持多色节点调节，实时预览并生成 CSS 代码。

毛玻璃效果生成器

在线调试 CSS Glassmorphism 效果（模糊/透明/阴影），一键复制代码。

图片格式转换器

隐私优先的在线图片转换（WebP/JPG/PNG），100% 本地运行，无需上传。

Favicon 生成器

在线制作网站图标 (ICO/PNG)，支持 16x16, 32x32, Apple Touch Icon 等多种尺寸。

屏幕比例计算器

在线计算屏幕、图片的长宽比，支持 16:9, 4:3 等预设，快速调整尺寸。

二维码生成器

免费在线生成二维码，支持实时预览、颜色自定义，保护隐私，无须上传。