颜色转换器
在HEX、RGB和HSL格式之间转换颜色并实时预览。
100% Client-Side
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
红
59
绿
130
蓝
246
色调
217°
饱和度
91%
亮度
60%
简介 颜色转换器?
颜色转换器可以在HEX、RGB、HSL、HSV等颜色格式之间互相转换。设计师和开发者可以用它快速获取所需格式的颜色值。
使用方法
- 输入任意格式的颜色值(如#FF5733或rgb(255,87,51))
- 即时查看所有格式的转换结果
- 预览颜色效果
- 复制所需格式的值
常见问题
- HEX和RGB有什么区别?
- HEX是十六进制表示法(如#FF5733),RGB用十进制表示红绿蓝三个通道(如rgb(255,87,51))。两者本质相同,只是格式不同。
- HSL的优势是什么?
- HSL用色相、饱和度、亮度描述颜色,更符合人类直觉。调整亮度或饱和度时,HSL比RGB更方便。
- 如何在CSS中使用这些颜色格式?
- CSS支持所有主流格式:color: #FF5733; color: rgb(255,87,51); color: hsl(11,100%,60%); 效果完全相同。