Hex/RGB/HSL 转换
免费在线颜色转换工具,Hex/RGB/HSL 互转
了解颜色格式
十六进制颜色代码(如 #FF5733)使用六位十六进制数字表示红、绿、蓝值。RGB 格式使用 0-255 的十进制值表示每个通道,如 rgb(255, 87, 51)。HSL(色相、饱和度、亮度)以更直观的方式描述颜色——色相是颜色角度(0-360),饱和度和亮度是百分比。
如何在颜色格式之间转换
使用颜色选择器输入或选取颜色,工具会即时显示 HEX、RGB 和 HSL 格式的等效值。也可以直接输入任意格式来转换为其他格式。
何时使用各种格式
十六进制在 CSS 和设计工具中最常见。RGB 在需要编程方式操作单个颜色通道时有用。HSL 非常适合创建调色板和主题,因为可以独立调整色相、饱和度和亮度。
▶HEX 和 RGB 有什么区别?
它们以不同方式表示相同的颜色。#FF5733 和 rgb(255, 87, 51) 是相同的。HEX 更紧凑,在 CSS 中更常见;RGB 在编程操作中更易读。
▶HSL 代表什么?何时使用?
HSL 代表色相(Hue)、饱和度(Saturation)、亮度(Lightness)。在生成颜色变体、创建调色板或构建主题时,HSL 通常更受青睐,因为调整亮度比调整 RGB 值更直观。
▶可以转换带透明度的颜色吗?
此工具专注于不透明颜色转换。对于透明度,请使用 8 位十六进制格式(#RRGGBBAA)或 rgba() / hsla() CSS 函数。