颜色转换器

在不同的颜色格式(HEX、RGB、HSL、OKLCH、RGBA、HSLA)之间进行转换。

颜色选择器
选择或输入颜色
HEX
十六进制颜色代码
RGB
红、绿、蓝值 (0-255)
HSL
色相、饱和度、亮度
OKLCH
现代感知颜色空间
RGBA
带 Alpha(透明度)的 RGB
HSLA
带 Alpha(透明度)的 HSL
颜色预设
从常用颜色中选择
CSS 变量
用于 CSS 的变量格式
颜色格式说明

HEX (十六进制)

#RRGGBB 格式,每个颜色通道在 00-FF (0-255) 范围内。在 Web 上使用最广泛。

RGB

红、绿、蓝值在 0-255 范围内。直观易懂。

HSL

色相、饱和度和亮度。直观地进行颜色调整。

OKLCH

一个现代的感知颜色空间。由亮度 (L)、色度 (C) 和色相 (H) 组成,旨在更接近人类视觉。

RGBA/HSLA

带有 Alpha(透明度)通道的 RGB/HSL。范围从 0(完全透明)到 1(完全不透明)。

CSS 变量

用于 CSS 的可重用变量格式。对主题系统很有用。