颜色转换器

将 HEX 或 CSS 命名色转换为 RGB、RGBA、HSL 和 HSLA。

颜色转换器
输出
#C8F75E
rgb(200, 247, 94)
rgba(200, 247, 94, 1)
hsl(78, 91%, 67%)
hsla(78, 91%, 67%, 1)
关于此工具

专注当前任务。

把 HEX 或常用 CSS 命名色转换为样式表常用格式,支持 Alpha 输出并即时显示规范化数值。

使用方法

  1. 输入 HEX 颜色或 red、rebeccapurple 等 CSS 颜色名称。
  2. 查看色块和 RGB、RGBA、HSL、HSLA 结果。
  3. 复制任意格式用于样式表。
你的内容由你掌握。
工具输入在你的浏览器本地处理,绝不会发送至 KitVerse 服务器。在共享设备上使用时,请及时清空工作区。
常见问题
支持简写 HEX 吗?

支持。#0af 等三位值会展开为对应的六位值,也支持四位和八位 Alpha HEX。

支持 Alpha 透明通道吗?

支持。输出始终包含 RGBA 和 HSLA,透明 HEX 与 transparent 会保留其 Alpha 值。