颜色代码转换
在 HEX、RGB、HSL 之间转换颜色。
您的文件保留在本地设备
该工具完全在您的浏览器中本地处理，不会上传到服务器。
📝 关于颜色代码转换
颜色代码转换工具会根据输入的 HEX 颜色代码，立即显示对应的 RGB 和 HSL 值，每个值都配有复制按钮。你可以在文本框中输入 #ff3a73 这样的六位代码，也可以用取色器直观地选择颜色，结果会随之实时更新。
这三种格式以不同方式描述同一种颜色。HEX 将红、绿、蓝三个值压缩成一个简短的字符串，在 CSS 和设计工具中最为常见。RGB 用 0 到 255 的数字列出三个通道，便于编写代码和编辑图像。HSL 用 0 到 360 度的角度表示色相，用百分比表示饱和度和亮度，只需调整一个数值，就能轻松做出品牌色的浅色、深色或柔和版本。
文本框只接受六位 HEX 代码；像 #f00 这样的三位简写，请先展开为 #ff0000。HSL 值会四舍五入为整数显示。所有转换都在浏览器中计算。
📘 使用方法
- 1
输入或选择颜色
在文本框中输入六位 HEX 代码，或点击色块直观地选择颜色。
- 2
查看转换结果
HEX、RGB、HSL 各行会自动更新，以不同格式显示同一种颜色。
- 3
复制数值
点击所需格式旁的“复制”按钮，然后粘贴到 CSS 或设计工具中。
❓ 常见问题
可以输入 #fff 这样的三位 HEX 代码吗？
本工具需要六位代码，请将每一位重复一次进行展开，例如 #fff 写成 #ffffff。
支持透明度（Alpha）吗？
不支持。本工具仅转换不透明颜色，因此不支持带 Alpha 的八位 HEX 代码以及 RGBA、HSLA。
必须加 # 号吗？
不必。输入时 # 可有可无，两种情况下都会显示 RGB 和 HSL 结果。
什么情况下 HSL 比 RGB 更好用？
当你想直观地调整颜色时，HSL 更方便，例如提高亮度让颜色变浅，或固定色相来制作配色方案。