颜色代码转换器

在 HEX、RGB、HSL 三种颜色格式间任意转换。通过颜色选择器选色或直接输入代码,所有格式即时更新。

浏览器本地处理 无需注册 开发者

在 HEX、RGB 和 HSL 之间转换颜色,并复制可直接使用的 CSS 自定义属性值。可以手动输入颜色,也可以使用浏览器颜色选择器。

如何转换颜色

  1. 输入3位或6位 HEX、rgb(r,g,b) 或 hsl(h,s%,l%)。
  2. 点击转换,或输入后稍等以自动转换。
  3. 查看 HEX、RGB、HSL、CSS 变量以及颜色预览。
  4. 复制需要的格式。

支持的颜色格式

HEX 支持可选的 #,并支持3位和6位形式。RGB 使用整数通道的 rgb(r,g,b),HSL 使用 hsl(h,s%,l%)。

当前不支持 alpha 透明度、CSS 颜色名称、现代空格分隔 CSS 语法,也不支持 LAB、LCH、OKLCH、Display-P3 或 CMYK 等色彩空间。

隐私与限制

颜色解析和转换完全在浏览器本地进行。本工具用于基础 HEX/RGB/HSL 转换,不执行色彩管理、色域映射、可访问性对比度检查或设备配置文件转换。

常见问题

支持3位 HEX 吗?

支持。#abc 会在内部扩展为对应的6位 HEX。

支持 alpha 透明度吗?

不支持。当前处理的是不含 alpha 的 RGB 颜色。

可以使用颜色选择器吗?

可以。选择颜色后输入和转换结果会自动更新。

CSS var 结果是什么?

它是 --color: #rrggbb; 形式的简单 CSS 自定义属性声明。

颜色数据会上传吗?

不会。转换在浏览器本地完成。