关于此工具
选取一种颜色或输入一个 HEX 值,即可即时看到其对应的 RGB 和 HSL 值并实时预览色块。点击任意值即可复制。非常适合 CSS、设计系统和匹配品牌色。
常见问题
什么是 HSL?
HSL 通过色相(0–360°)、饱和度和明度来描述颜色。在调整色调时,它往往比 HEX 更直观。
它支持 3 位的十六进制吗?
支持。像 #f80 这样的简写会自动扩展为其 6 位形式。
在 HEX、RGB 和 HSL 之间转换颜色,并实时预览。
点击 RGB 或 HSL 值即可复制。
选取一种颜色或输入一个 HEX 值,即可即时看到其对应的 RGB 和 HSL 值并实时预览色块。点击任意值即可复制。非常适合 CSS、设计系统和匹配品牌色。