颜色值转换

在线颜色值转换器

在线颜色值转换器是一款专为前端开发者和 UI 设计师打造的色彩工具。它可以实现 HEX、RGB、RGBA、HSL 和 HSLA 等常见网页颜色格式的实时互转。

✨ 核心功能

• 多格式同步： 无论您输入 HEX (如 #409EFF) 还是 RGB (如 rgb(64, 158, 255))，其他所有格式都会瞬间同步更新，无需点击任何转换按钮。
• 透明度支持： 完美支持带透明度 (Alpha 通道) 的颜色格式，如 RGBA、HSLA 以及 8 位 HEXA 代码 (如 #409EFFFF)。
• 可视化选择： 结合浏览器原生的拾色器 (Color Picker)，您可以直观地在色板上挑选颜色，获取对应的代码。
• 预设色板： 内置了一套经典的 UI 框架常用色板（包含成功、警告、危险、主要色等），点击即可快速套用。

📖 颜色格式小科普

• HEX： 网页中最常用的十六进制颜色表示法。前两位代表红(R)，中间两位代表绿(G)，最后两位代表蓝(B)。
• RGB / RGBA： 红绿蓝三原色模型，每个值范围是 0~255。A 代表 Alpha 透明度，范围 0~1。
• HSL / HSLA： 色相(Hue)、饱和度(Saturation)、亮度(Lightness)。这是设计师最容易理解的颜色模型。例如想调整一个颜色的深浅，只需修改 L 的百分比即可。

💡 适用场景

• 设计师给出了 HEX 色值，但前端需要在 CSS 中使用 rgba() 来设置半透明背景。
• 调整主题色时，将 HEX 转换为 HSL，方便计算出同色系的不同亮度变体。