← 返回工具箱

颜色换算

COLOR CONVERT · 设计与媒体

HEX / RGB / HSL / HSV / CMYK 五格式纯数学互转,输入自适应识别,设计稿取色换算一贴即得。

HEX / RGB() 自适应
换算结果 · 全格式
纯数学换算,全部在本机完成:HEX / RGB / HSL / HSV / CMYK / HWB / LAB / OKLCH 九种表示一次给出(LAB 用 CIE D65 白点,OKLCH 用 Björn Ottosson 的 OKLab 矩阵,全程手算无第三方色彩库)。HEX 支持缩写(#F3B → #FF33BB),RGB 支持带 alpha 写法(忽略 alpha)。若某行标出「超出色域」,说明该值溢出 sRGB,行内同时给出钳制后的结果。

>_ 使用指南 · GUIDE

HEX / RGB / HSL / HSV / CMYK 五种格式纯数学互转,输入自适应识别——贴 #1E90FF、rgb(30,144,255)、hsl(210,100%,56%) 任意一种,五种表示同时给出,一键复制。

比「颜色工具」多覆盖 HSV 与 CMYK:HSV 是图形软件(Photoshop 取色器)常用口径,CMYK 连接印刷场景。设计稿取色、跨软件对色、印刷色换屏幕色,一贴即得。换算为标准数学公式,本地实时完成。

>_ 常见问题 · FAQ

Q1 · HSL 和 HSV 有什么区别?为什么有两个长得像的?

都是「色相 + 两个维度」的圆柱模型,差别在第二三轴:HSL 用饱和度+亮度(50% 亮度是纯色),HSV 用饱和度+明度(100% 明度是纯色)。Photoshop 取色器用 HSV(它叫 HSB),CSS 用 HSL——两个软件口径不同就出现了两套。数值互不相等,必须换算,不能直接抄。

Q2 · CMYK 色值转网页色为什么颜色会变?

CMYK 是印刷色(青品黄黑油墨混合,减色模式),RGB 是屏幕光(加色模式),色域不同:部分鲜艳的印刷色屏幕显示不了,反之亦然。转换公式给出的是近似映射。印刷对色以 CMYK 打样为准,屏幕色只作参考——这是跨媒介的物理限制,不是工具算错。

Q3 · 输入 #1e90ff 大小写有影响吗?

没有。HEX 十六进制不区分大小写,#1E90FF 与 #1e90ff 是同一颜色;三位简写(#09F)也支持,自动展开为六位。输出统一小写,粘贴到 CSS 无需调整。

Q4 · RGB 的值为什么都在 0–255?

RGB 每通道 8 位,能表示 256 级亮度(0–255),三通道共约 1677 万色(24 位真彩色)。CSS 新语法也支持百分比(rgb(12%,56%,100%))与 0–1 浮点,本质相同。本工具输出采用最通用的 0–255 整数口径。

嵌入代码

把下面的代码复制到你的网页,即可将本工具嵌入为 iframe(自动隐藏导航与页脚)。

高度px
此工具在你的浏览器本地运行,输入内容不会上传。按 Ctrl K 可随时切换到其他工具。