颜色代码转换器
在不同颜色代码格式之间转换
开发工具
工具说明
颜色代码转换器可以在不同的颜色代码格式之间相互转换，帮助开发人员和设计师更方便地使用颜色。
支持的颜色格式：
- HEX (十六进制)
- RGB (红绿蓝)
- HSL (色相饱和度亮度)
- RGBA (带透明度的RGB)
- HSLA (带透明度的HSL)
使用方法：输入颜色代码或使用颜色选择器选择颜色，查看不同格式的转换结果。
转换器
颜色输入
转换结果
HEX
#3498DB
RGB
rgb(52, 152, 219)
HSL
hsl(204, 70%, 53%)
RGBA
rgba(52, 152, 219, 1.00)
HSLA
hsla(204, 70%, 53%, 1.00)
使用示例
HEX: #FF5733 RGB: rgb(255, 87, 51) HSL: hsl(12, 100%, 60%) RGBA: rgba(255, 87, 51, 1) HSLA: hsla(12, 100%, 60%, 1) HEX: #3498DB RGB: rgb(52, 152, 219) HSL: hsl(205, 70%, 53%) RGBA: rgba(52, 152, 219, 0.8) HSLA: hsla(205, 70%, 53%, 0.8)
相关工具
CSS 阴影生成器
生成 CSS 阴影代码
渐变生成器
生成 CSS 渐变代码