颜色转换器 — 免费在线工具
即时免费使用,无需注册。您的文件在本地处理,绝不上传。
由AllFileBox团队提供 · 最后更新:2026-06-11
AdSense Slot: 1111111111
HEX
#5B4FE8
RGB
rgb(91, 79, 232)
HSL
hsl(245, 77%, 61%)
广告
AdSense Slot: 2222222222
颜色转换器是一个免费的在线工具,可以即时在 HEX、RGB 和 HSL 格式之间转换颜色,因此您可以复制 CSS、设计或打印所需的精确代码。
HEX、RGB 和 HSL 解释
HEX 是 CSS 和设计工具中使用的六位代码。RGB 通过其红色、绿色和蓝色通道描述颜色。HSL 使用色相、饱和度和亮度,这使得通过感觉调整颜色变得容易。在它们之间转换可以让您以工具期望的任何格式工作。
任意方向转换
输入一种格式的值,转换器会返回其他格式的匹配代码,并带有实时色板,以便您确认颜色。它处理 HSL 到 HEX、HEX 到 HSL、RGB 到 HEX 和 HEX 到 RGB,没有任何舍入意外。
如何使用 颜色转换器
- 在浏览器中打开颜色转换器。
- 输入或粘贴 HEX、RGB 或 HSL 格式的颜色。
- 读取其他格式的转换值。
- 检查实时色板以确认。
- 复制您需要的代码。
匹配品牌颜色
匹配品牌颜色
粘贴样式指南中的 HEX 代码,并读取其他工具的 RGB 和 HSL 值。
调整 HSL 中的色调
调整 HSL 中的亮度,然后转换为 HEX 以用于您的样式表。
填充设计令牌
将 RGB 转换为 HEX,以快速填充设计系统颜色变量。
| 格式 | 示例 | 常见用途 |
|---|---|---|
| HEX | 0277BD | CSS、设计工具 |
| RGB | rgb(2,119,189) | 屏幕、画布 |
| HSL | hsl(201,98%,37%) | 调整色调 |
相关工具
主要功能 颜色转换器
文件在本地处理 — 绝不上传到任何服务器
使用 WebAssembly 进行闪电般快速的浏览器内处理
无需帐户、无需注册、无需登记
所有标准用例均 100% 免费
全球提供 70 种语言版本
适用于任何设备:台式机、平板电脑和手机
您的文件保持私密
所有处理都在您的浏览器中使用 WebAssembly 进行。您的文件绝不会发送到我们的服务器。我们保证无法访问您的文件。
常见问题
AdSense Slot: 6666666666