🎨

颜色格式转换

即时在 HEX、RGB、HSL 和 CMYK 格式之间转换颜色。编辑任意字段，其余字段自动更新。

生成器工具 本地运行 不发送数据
HEX RGB HSL CMYK 转换器 WCAG
颜色选择器
格式
HEX
RGB
HSL
CMYK
白色文字 黑色文字
#FF5733
最接近的 CSS 名称： —
此颜色上的白色文字
—
此颜色上的黑色文字
—
关于颜色格式
  • HEX —最常用于 Web / CSS / HTML。紧凑的 6 位十六进制表示法（例如 #FF5733).
  • RGB —用于基于屏幕的编程、CSS 和 canvas API。每个通道（红、绿、蓝）范围为 0-955。
  • HSL —色相、饱和度、亮度。更符合人类直觉 — 便于调整亮度或色调。
  • CMYK —青色、品红色、黄色、黑色（Key）。用于印刷设计和专业出版工作流。
  • 编辑任意字段，其他所有格式会自动更新。支持短格式（255, 87, 51）和完整格式（rgb(255, 87, 51)）输入。

什么是颜色转换器？

在HEX、RGB、HSL和CMYK之间即时转换颜色。包含可视化取色器，便于调整并复制所需格式。

如何使用颜色转换器

  1. 输入HEX、RGB、HSL、HSV或其他受支持格式的颜色。
  2. 让工具自动将该值转换为其他颜色格式。
  3. 微调任意字段，直到输出与目标颜色完全匹配。
  4. 复制你需要的格式，用于CSS、设计交付或印刷工作。

相关工具

🎨
颜色选择器
在 HEX、RGB、HSL 和 CMYK 之间转换颜色
 🎨
调色板生成器
生成互补色、类似色和三角色配色方案
 ♿
WCAG对比度检查
检查 WCAG AA 和 AAA 颜色对比度比值，保障无障碍性
了解颜色格式 ▾
示例
输入 #FF5733
输出 RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
常见使用场景
  • 将设计稿颜色转换为可直接用于CSS的值
  • 将RGB或HSL颜色转换为HEX，用于前端代码
  • 比较面向印刷的CMYK值与数字颜色格式
  • 在交付设计文件前规范化颜色规格
常见问题
是否支持CSS oklch()和lab()？

此工具在传统色彩空间之间转换。CSS oklch/lab需要专用的感知色彩转换器。

CMYK转换的准确度如何？

该转换使用sRGB →CMYK公式。用于印刷生产时，请使用支持ICC配置文件的工具。

在线颜色格式转换 —HEX, RGB, HSL & OKLCH 能做什么？

在线颜色格式转换 —HEX, RGB, HSL & OKLCH 完全在浏览器中运行，帮助你完成任务，无需将数据上传到服务器。

在线颜色格式转换 —HEX, RGB, HSL & OKLCH 可免费使用吗？

是的。此工具可免费使用，无需注册。