颜色转换器 - HEX/RGB/HSL 在线转换

#14B8A6

颜色值输入

HEX

RGB

HSL

RGB 分量调节

R20

G184

B166

HEX

#14B8A6

RGB

rgb(20, 184, 166)

HSL

hsl(174, 79%, 40%)

CSS

background-color: #14B8A6;

如何使用颜色转换器

使用颜色选择器或直接输入 HEX、RGB、HSL 格式的颜色值
拖动 RGB 滑块精确调节颜色分量
实时预览颜色效果，点击"复制"按钮复制需要的格式

常见颜色格式说明

HEX：以 # 开头的十六进制颜色值，如 #FF5733；RGB：红绿蓝三通道，如 rgb(255, 87, 51)；HSL：色相、饱和度、亮度，如 hsl(11, 100%, 60%)。