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