颜色转换工具

粘贴任意常见格式的颜色,即可看到 HEX、RGB、HSL 和 HSV 值,并生成更亮和更暗的色阶用于配色。

免费 本地运行 无需注册
HEX#7f52ff
RGBrgb(127, 82, 255)
HSLhsl(256, 100%, 66%)
HSVhsv(256, 68%, 100%)
明暗色阶
颜色转换在浏览器本地完成。

使用方法

1

输入颜色

使用取色器,或粘贴 HEX、RGB、HSL 值。

2

查看所有格式

工具会同时显示 HEX、RGB、HSL 和 HSV。

3

复制数值

复制 CSS 或设计工具需要的格式。

为什么用它

四种颜色模型

HEX、RGB、HSL 和 HSV 实时同步。

明暗色阶

快速预览更亮和更暗的变体,方便配色。

本地即时

不上传、不需要账号、不依赖外部库。

常见问题

HSL 和 HSV 有什么区别?
HSL 使用亮度(Lightness),HSV 使用明度(Value)。CSS 更常用 HSL,设计取色器更常用 HSV。
支持透明度吗?
转换器主要处理纯色。解析 rgba 或 hsla 时会忽略透明度。
可以粘贴 CSS 颜色吗?
可以。支持十六进制、rgb() 和 hsl() 字符串。
为什么数值有细微差异?
显示时会四舍五入,底层转换使用完整精度。
有对比度检测吗?
有。对比度检测工具使用同一套颜色引擎计算 WCAG 比值。

相关工具

最后更新: