颜色格式转换

转换 sRGB 的 HEX、RGB、HSL 表示,支持透明度。

粘贴或选择输入,设置选项并在本地处理;核对结果后再复制或下载。

接受 3/4/6/8 位 HEX、0–255 的数值 RGB、色相及 0–100% 饱和度/亮度的 HSL。不支持 CSS 颜色名、var()、Lab、CMYK 或广色域配置。HSL 输出保留 2 位小数,格式往返转换可能产生舍入差异。

使用说明

这个工具可以做什么?

在 HEX、RGB 和 HSL 之间转换 CSS 颜色,同时保留透明度。转换采用 sRGB 通道值,输出进行舍入,适合复制到常规 CSS。

颜色格式转换

在 HEX、RGB 和 HSL 之间转换 CSS 颜色,同时保留透明度。转换采用 sRGB 通道值,输出进行舍入,适合复制到常规 CSS。

操作步骤

  1. 粘贴或选择输入,设置选项并在本地处理;核对结果后再复制或下载。
  2. HEX 可用 3、4、6 或 8 位;RGB 通道范围为 0 至 255。HSL 饱和度和亮度用百分比,alpha 可用小数或百分比。

参数怎么选

选项取舍与影响
选项HEX 可用 3、4、6 或 8 位;RGB 通道范围为 0 至 255。HSL 饱和度和亮度用百分比,alpha 可用小数或百分比。
限制接受 3/4/6/8 位 HEX、0–255 的数值 RGB、色相及 0–100% 饱和度/亮度的 HSL。不支持 CSS 颜色名、var()、Lab、CMYK 或广色域配置。HSL 输出保留 2 位小数,格式往返转换可能产生舍入差异。

示例与预期结果

HEX #2563EB 对应 RGB 37、99、235,以及约为 221.21°、83.19%、53.33% 的 HSL。

失败后怎么办

  • 请核对通道范围和语法。不支持颜色名称、CSS 变量、Lab、CMYK 或广色域配置;舍入后的 HSL 再转换可能存在微小差异。

格式与限制

接受 3/4/6/8 位 HEX、0–255 的数值 RGB、色相及 0–100% 饱和度/亮度的 HSL。不支持 CSS 颜色名、var()、Lab、CMYK 或广色域配置。HSL 输出保留 2 位小数,格式往返转换可能产生舍入差异。

常问问题

这个工具可以做什么?

在 HEX、RGB 和 HSL 之间转换 CSS 颜色,同时保留透明度。转换采用 sRGB 通道值,输出进行舍入,适合复制到常规 CSS。

应该如何选择选项?

HEX 可用 3、4、6 或 8 位;RGB 通道范围为 0 至 255。HSL 饱和度和亮度用百分比,alpha 可用小数或百分比。

有哪些限制?

接受 3/4/6/8 位 HEX、0–255 的数值 RGB、色相及 0–100% 饱和度/亮度的 HSL。不支持 CSS 颜色名、var()、Lab、CMYK 或广色域配置。HSL 输出保留 2 位小数,格式往返转换可能产生舍入差异。

处理为什么失败?

请核对通道范围和语法。不支持颜色名称、CSS 变量、Lab、CMYK 或广色域配置;舍入后的 HSL 再转换可能存在微小差异。

输入会被上传或保存吗?

不会。处理在你的设备上进行;输入与结果只保留在此页面的内存中,直到清空或离开。ToolRobin 不会上传、记录或存储它们。复制会把结果放入设备剪贴板。