颜色格式转换
📖 颜色格式转换使用指南
操作步骤
1
输入颜色值
输入HEX、RGB或HSL格式的颜色代码
颜色输入框2
查看多种格式
自动转换为其他格式并实时显示
转换结果区3
预览颜色
实时查看当前颜色的视觉效果
颜色预览块4
复制颜色码
点击复制按钮获取所需格式的颜色码
复制按钮💡 HEX最常用于网页RGB用于CSS HSL更直观调色
使用场景
🎨 设计开发
设计师给HEX值开发需要RGB格式
💻 CSS编码
写CSS时需要不同格式的颜色值
🖌️ 调色参考
HSL调整色相饱和度亮度更方便
HEX、RGB、HSL 颜色值互相转换，实时预览
#4F46E5
🎨 HEX
#4F46E5
🔴 RGB
rgb(79, 70, 229)
🌈 HSL
hsl(243, 76%, 59%)
📝 RGBA
rgba(79, 70, 229, 1)