分类: 开发工具
颜色转换工具
HEX、RGB、HSL 三种 CSS 颜色写法互相换算，并显示色块预览
输入 HEX、RGB 或 HSL 颜色值，或直接用取色器选色，在浏览器里换算出规范化的 HEX、RGB、HSL 三种写法并预览色块。颜色值不会上传。
本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
这是一个专注于 CSS 颜色代码的转换工具，处理的格式只有 HEX、RGB 和 HSL 三种。你可以粘贴 3 位或 6 位的十六进制颜色（#F00 和 #FF0000 都能识别），也可以填 rgb()/rgba() 的通道值或 hsl()/hsla() 的色相、饱和度、亮度，还可以直接用系统自带的取色器选色，文本框随时可以改。工具会把前三个颜色通道换算成规范化的 HEX、RGB 和 HSL 三种写法，同时给出一个色块预览；解析不了的写法会显示为无效颜色，而不是猜一个结果。有几点需要说清楚，因为同类页面常常混在一起卖：rgba() 和 hsla() 里的 alpha 可以被解析，但会被忽略，输出里不会出现透明度，也不会生成 8 位 HEX；不支持 CMYK 等印刷色、不支持 HSV/HSB、LAB、LCH、OKLCH，也不做色彩配置文件转换；不认 darkviolet 这类 W3C 颜色名称。它同样不生成配色方案或调色板，不做对比度评估，没有吸管，不能上传图片取色，也不提供批量转换和文件下载。它就是一个把单个颜色在三种 Web 写法之间来回换算的小工具。输入的颜色值和换算结果都留在浏览器里，不会上传到 LocalTools。
使用方法
- 粘贴 HEX、RGB 或 HSL 颜色值，或者用取色器直接选一个颜色。
- 工具解析前三个颜色通道，换算出规范化的 HEX、RGB 与 HSL 写法。
- 对照色块确认颜色，复制你需要的那一种格式；写法无效时会直接提示。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 什么是 3 位 HEX 代码（如 #F00）？
- 3 位写法是 6 位写法的缩写，每一位重复一次即可展开：#F00 等于 #FF0000。本工具两种写法都能解析，输出统一按 6 位 HEX 给出。
- HEX 和 RGB 有色差吗？
- 没有。它们是同一个 sRGB 颜色的两种写法：HEX 用十六进制表示三个通道，RGB 用 0–255 的十进制表示。换算是一一对应的，屏幕上看到的颜色完全一样。
- 支持透明度、8 位 HEX 或 CMYK 吗？
- 都不支持。rgba() 和 hsla() 里的 alpha 会被解析但随后忽略，输出里没有透明度，也不会生成 #RRGGBBAA；CMYK 属于印刷色，本工具不做，HSV、LAB、LCH、OKLCH 和颜色名称同样不在范围内。
- RGB 转成 HSL 后亮度看着偏暗，怎么办？
- HSL 的 L 是相对亮度，不是主观明暗，深色本来就会得到较小的 L 值。工具只做数值换算，不会替你调色；想变亮就自己调高 L 再换算回 HEX 或 RGB。
- 颜色数据会上传到服务器吗？
- 不会。解析和换算都在你的浏览器里完成，输入的颜色值和结果都不会发送到 LocalTools，页面也没有上传图片或批量导入的入口。