AllFileBox

颜色转换器免费在线工具

即时免费使用,无需注册。您的文件在本地处理,绝不上传。

由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,没有任何舍入意外。

如何使用 颜色转换器

  1. 在浏览器中打开颜色转换器。
  2. 输入或粘贴 HEX、RGB 或 HSL 格式的颜色。
  3. 读取其他格式的转换值。
  4. 检查实时色板以确认。
  5. 复制您需要的代码。

匹配品牌颜色

匹配品牌颜色

粘贴样式指南中的 HEX 代码,并读取其他工具的 RGB 和 HSL 值。

调整 HSL 中的色调

调整 HSL 中的亮度,然后转换为 HEX 以用于您的样式表。

填充设计令牌

将 RGB 转换为 HEX,以快速填充设计系统颜色变量。

颜色格式及其用途
格式示例常见用途
HEX0277BDCSS、设计工具
RGBrgb(2,119,189)屏幕、画布
HSLhsl(201,98%,37%)调整色调

相关工具

主要功能 颜色转换器

文件在本地处理 — 绝不上传到任何服务器
使用 WebAssembly 进行闪电般快速的浏览器内处理
无需帐户、无需注册、无需登记
所有标准用例均 100% 免费
全球提供 70 种语言版本
适用于任何设备:台式机、平板电脑和手机

您的文件保持私密

所有处理都在您的浏览器中使用 WebAssembly 进行。您的文件绝不会发送到我们的服务器。我们保证无法访问您的文件。

常见问题

AdSense Slot: 6666666666