颜色格式转换 是什么
颜色在不同场景写法不同:CSS 里常用 #2563eb 这样的 HEX,设计稿标注常用 RGB,调明暗与饱和度时 HSL 最直观。改配色、对齐设计稿时经常需要在三种格式间切换。本工具任意改一处,另外两处会同步更新,并提供取色器与随机配色。
使用方法
- 用取色器选一个颜色,或直接在 HEX 框输入颜色值。
- RGB、HSL 三组数值会实时同步。
- 任意修改其中一组,其他格式也会跟着变。
常见问题
HSL 各值代表什么?
H 是色相(0-360 度,决定是红是蓝),S 是饱和度(0-100%,决定鲜艳还是灰),L 是亮度(0-100%,决定偏黑还是偏白)。
支持带透明度的写法吗?
支持。HEX 输入 8 位(如 #2563ebff)会解析透明度,RGB/HSL 也提供 A 值。
为什么转换后颜色有 1 点差异?
HEX 与 RGB 是同一套数值的两种写法,互转无损;HSL 是另一个色彩空间,四舍五入后可能有极小偏差。