颜色转换
HEX、RGB、HSL 颜色互转，含色彩预览与调色板。
HEX
RGB
HSL
预设色板
输出值（点击复制）
HEX#2D5F8A复制
RGBrgb(45, 95, 138)复制
HSLhsl(207, 51%, 36%)复制
颜色转换工具
HEX、RGB、HSL 三种颜色模型互转，含实时色块预览、滑动调色、预设色板、点击复制。调任一模型其余两个同步更新，适合前端配色和 UI 设计。
三种模型说明
- HEX：十六进制表示，如
#6366F1，CSS / 设计稿最常用。 - RGB：红绿蓝三通道 0-255，如
rgb(45, 95, 138)，屏幕显示基础。 - HSL：色相 H（0-360）、饱和度 S、亮度 L（百分比），如
hsl(207, 51%, 36%)，调色更直观。
颜色 常见问答
HSL 和 HSV 有什么区别？
HSL 的 L=100% 是纯白，L=50% 是纯色；HSV 的 V=100% 是纯色。CSS 原生支持 HSL，本工具使用 HSL 与 CSS 一致。
支持 8 位 HEX（含透明度）吗？
当前支持 6 位 HEX 与 3 位缩写。8 位透明度 HEX（如 #2D5F8AFF）可读取但不解析 alpha 通道，后续可扩展。
为什么我输入的 HEX 没反应？
请确认是 3 位或 6 位合法十六进制（0-9、a-f），可带可不带 # 号。非法字符会跳过同步。
RGB 和 HSL 分别适合什么场景？
RGB 是设备显示的原生格式（红绿蓝加色），适合代码直接指定颜色。HSL 更符合人类直觉（色相、饱和度、亮度），适合需要程序化调整颜色明暗或生成配色方案的场景。CSS 变量配合 HSL 能实现灵活的主题切换。