在线颜色转换
HEX、RGB、HSL 颜色格式实时互转，支持透明度调节。
功能特性
多格式支持
支持 HEX、RGB、HSL 颜色格式互转。
实时预览
颜色变化实时预览，直观查看效果。
透明度调节
支持 Alpha 透明度调节，生成 RGBA/HSLA 值。
CSS 输出
一键复制各种格式的 CSS 颜色值。
使用步骤
01输入颜色
通过 HEX、RGB 或 HSL 输入颜色值。
02调整参数
滑动调节各颜色分量和透明度。
03预览效果
实时查看颜色预览效果。
04复制使用
复制所需格式的颜色值用于 CSS。
适用场景
CSS 样式开发UI 设计配色颜色代码转换透明度计算主题色彩调整渐变色制作
常见问题
HEX 颜色值的格式是什么？
HEX 颜色值以 # 开头，后跟 6 位十六进制数（如 #FF0000），每两位分别表示红、绿、蓝通道。缩写形式为 3 位（如 #F00）。
HSL 和 RGB 有什么区别？
RGB 基于红绿蓝三原色，HSL 基于色相、饱和度、亮度。HSL 更直观，便于调整颜色的明暗和鲜艳程度。