颜色转换器
在浏览器中即时完成 HEX、RGB 与 HSL 颜色格式之间的转换。
🔒 在您的浏览器本地处理
Loading…
使用方法
- 点击色块选取器以直观地选择颜色，或直接在文本框中输入数值。
- 输入的值可以是 HEX 代码（带或不带前缀 #）、rgb()/rgba() 字符串，或 hsl()/hsla() 字符串。
- 一旦识别到有效颜色，下方的 HEX、RGB 和 HSL 行会立即更新——无需点击任何按钮。
- 较大的预览框会准确显示该颜色的实际效果。
- 点击任意一行旁边的“复制”即可将该格式复制到剪贴板。
功能特点
- HEX、RGB 与 HSL 之间的实时即时转换
- 支持输入 HEX、rgb() 或 hsl() 值，也可使用原生颜色选择器色块
- 每种格式均支持一键复制
- 100% 在浏览器端运行——你的颜色值永远不会离开浏览器
- 无需上传——本就没有任何文件需要上传
常见问题
这个工具会把我的颜色值发送到任何地方吗？
不会。所有转换都通过浏览器中的普通 JavaScript 运算完成——数据从不会被上传或发送到服务器。
输入框中可以输入哪些格式？
你可以输入 HEX 代码（例如 #3b82f6 或 3b82f6）、rgb()/rgba() 字符串（例如 rgb(59, 130, 246)），或 hsl()/hsla() 字符串（例如 hsl(217, 91%, 60%)）。
是否支持透明度（alpha）？
目前不支持。如果你输入 rgba() 或 hsla() 值，其中的 alpha 分量会被接受但会被忽略——只会转换不透明的颜色部分。
可以转换的颜色数量有限制吗？
没有限制。你可以转换任意多的颜色——每次修改输入时，工具都会立即重新计算。
为什么我的输入显示错误？
该文本与已知的 HEX、RGB 或 HSL 格式都不匹配。请确保其格式类似以下之一：#3b82f6、rgb(59, 130, 246) 或 hsl(217, 91%, 60%)。