颜色选择器
生成 RGB、HEX、HSL 等多种格式的颜色代码，支持实时预览和复制
🎨 颜色选择
#1890FF
拖动滑块选择颜色：
#1890FF
或输入 HEX 颜色代码：
#🌈 预设颜色
蓝色
绿色
红色
橙色
紫色
青色
粉色
黄色
石灰
金色
火山
日暮
🎯 Material Design 配色
📋 颜色代码
HEX
#1890FF
十六进制颜色代码
RGB
rgb(24, 144, 255)
RGB 颜色值
RGBA
rgba(24, 144, 255, 1)
RGBA 颜色值（含透明度）
HSL
hsl(209, 100%, 55%)
HSL 颜色值
HSLA
hsla(209, 100%, 55%, 1)
HSLA 颜色值（含透明度）
CSS 变量
--primary-color: #1890ff;
CSS 自定义属性
📊 颜色信息
红色 (R)
24
绿色 (G)
144
蓝色 (B)
255
色相 (H)
209°
饱和度 (S)
100%
亮度 (L)
55%
💡 使用说明
1.拖动颜色选择器滑块，或点击预设颜色快速选择
2.支持手动输入 HEX 颜色代码进行精确选择
3.点击"复制"按钮快速复制各种格式的颜色代码
4.查看 RGB、HSL 等详细颜色参数信息
5.包含常用预设色和 Material Design 配色方案
6.适用于网页设计、UI 设计、品牌配色等场景
📚 颜色格式说明
HEX 格式
#RRGGBB 或 #RGB
最常用的网页颜色格式，简洁明了
RGB/RGBA 格式
rgb(255, 255, 255)
红、绿、蓝三原色混合，RGBA 支持透明度
HSL/HSLA 格式
hsl(120, 100%, 50%)
色相、饱和度、亮度，更直观的颜色表示