HEX · RGB · HSL - 文本工具 · 萤炬工具箱

颜色格式转换在 HEX、RGB、HSL 三种网页常用写法之间互转，并给出实时色块预览。设计稿给的是 HEX、CSS 变量里想用 RGB 通道值好加透明度、要按明度微调又得换成 HSL，这三种需求经常同时出现，来回手算容易错。输入任一格式即可同步看到另外两种写法与实际颜色。支持格式：HEX（三位 / 六位）、RGB、H…

颜色格式转换在 HEX、RGB、HSL 三种网页常用写法之间互转，并给出实时色块预览。设计稿给的是 HEX、CSS 变量里想用 RGB 通道值好加透明度、要按明度微调又得换成 HSL，这三种需求经常同时出现，来回手算容易错。输入任一格式即可同步看到另外两种写法与实际颜色。

使用步骤

1. 在任一格式的输入框填入颜色值。
2. 另外两种格式与色块预览同步更新。
3. 按需微调 HSL 的色相、饱和度、明度观察变化。
4. 复制需要的那种格式。

功能与限制

• 支持格式：HEX（三位 / 六位）、RGB、HSL。
• 不涉及 CMYK、Lab 等印刷 / 感知色彩空间转换。

常见问题

HEX、RGB、HSL 该用哪个？

HEX 最紧凑，适合写死的品牌色；RGB 便于配合 alpha 通道做半透明；HSL 的三个分量语义清晰，做同色系深浅变化时改明度一个数就行，最适合调色。

三位 HEX 和六位 HEX 是一回事吗？

三位是六位的缩写，每位重复一次展开，比如 #f0c 等于 #ff00cc。只有当六位 HEX 三组都是重复字符时才能缩写。

转换后颜色略有偏差是为什么？

HSL 到 RGB 的换算涉及浮点运算，取整时可能差 1。这个差异肉眼无法分辨，但如果要做精确比对，以 HEX 或 RGB 整数值为准。

支持透明度吗？

HEX 八位写法与 rgba 的 alpha 通道是独立于色值的一维信息，本工具聚焦色值三通道互转，透明度请在 CSS 里单独指定。