颜色转换

HEX / RGB / HSL 颜色格式互转

R
G
B
H
S%
L%

颜色格式输出

HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
CSS Variable--color: #3B82F6;

颜色格式说明

• HEX：#RRGGBB，Web 开发最常用
• RGB：rgb(255, 99, 71)，红绿蓝通道
• HSL：hsl(9, 100%, 64%)，色相/饱和度/亮度
• RGBA：含透明度通道

使用场景

前端开发、UI 设计、品牌色整理