← 返回首页

颜色格式转换

?

📖 颜色格式转换使用指南

操作步骤
  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)

意见反馈