色值转换
自动识别 HEX/RGB/HSL 输入，实时输出互转结果，可直接复制用于 CSS。
输入色值
任意格式
HEX
RGB
HSL
CMYK
HSV
HWB
预览
等待输入...
颜色码对照表
纯红 Red
纯绿 Green
纯蓝 Blue
纯黄 Yellow
青色 Cyan
洋红 Magenta
纯黑 Black
纯白 White
猩红 Crimson
棕色 Brown
橙色 Orange
适中的蓝色 MediumBlue
午夜的蓝色 MidnightBlue
深蓝色 DarkBlue
海军蓝 Navy
皇家蓝 RoyalBlue
矢车菊的蓝色 CornflowerBlue
适中的板岩暗蓝灰 MediumSlateBlue
板岩暗蓝灰 SlateBlue
深岩暗蓝灰 DarkSlateBlue
淡钢蓝 LightSteelBlue
浅石板灰 LightSlateGray
石板灰 SlateGray
紫色 Purple
深洋红 DarkMagenta
深紫罗兰 DarkViolet
深兰花紫 DarkOrchid
靛青 Indigo
深紫罗兰的蓝 BlueViolet
适中的紫色 MediumPurple
适中的兰花紫 MediumOrchid
兰花的紫色 Orchid
紫罗兰 Violet
李子 plum
蓟 Thistle
熏衣草 Lavender
浅粉红 LightPink
粉红 Pink
薰衣草腮红 LavenderBlush
苍白的紫罗兰红 PaleVioletRed
热情的粉红 HotPink
深粉 DeepPink
适中的紫罗兰红 MediumVioletRed
灰色 Gray
幽灵的白 GhostWhite
点击右侧颜色即可应用到左侧
LOCAL 所有计算都在浏览器本地完成，不会上传任何数据。

常用色值格式

HEX 适合设计稿与代码常量，RGB 直观表达三原色，HSL 更适合调色与生成配色。

🎨

核心优势

  • 自动识别输入格式
  • 实时输出 HEX/RGB/HSL
  • 结果可直接用于 CSS
  • 支持透明度（RGBA/HSLA 与 8 位 HEX）
🧩

支持格式

  • HEX：#RGB / #RRGGBB / #RRGGBBAA
  • RGB：rgb(r,g,b) / rgba(r,g,b,a)
  • HSL：hsl(h,s%,l%) / hsla(h,s%,l%,a)
⚡

使用场景

  • 前端写 CSS/Design Token
  • 设计稿取色后快速转格式
  • 调色：用 HSL 调亮度/饱和度
  • 处理透明度颜色（alpha）
🔒

隐私承诺

  • 所有转换均在本地浏览器完成
  • 不上传输入数据
  • 页面刷新不保留内容

🚀 使用指南

  • 在“任意格式”输入框粘贴色值
  • 或直接编辑 HEX/RGB/HSL 任意一个输入框
  • 右侧自动输出三种格式并可一键复制
  • 预览区可直观看到颜色效果

❓ 常见问题

8 位 HEX 是什么？
形如 #RRGGBBAA，最后两位 AA 表示透明度（00~FF）。当 alpha < 1 时工具会输出 8 位 HEX。
HSL 的 h/s/l 含义是什么？
h 为色相角度（0~360），s 为饱和度（0%~100%），l 为亮度（0%~100%），非常适合做明暗/饱和度调节。

🔗 相关工具