颜色选择器
颜色选取与格式转换，支持 HEX/RGB/HSL 多种格式。
颜色选择
#
%
颜色代码
HEX
#6366f1
HEX + Alpha
#6366f1ff
RGB
rgb(99, 102, 241)
RGBA
rgba(99, 102, 241, 1.00)
HSL
hsl(239, 84%, 67%)
HSLA
hsla(239, 84%, 67%, 1.00)
色阶
#000000
#04052f
#080a5e
#0c0e8d
#1013bc
#1418eb
#4346ef
#7274f3
#a1a3f7
#d0d1fb
#ffffff
0102030405060708090100
互补色与类似色
互补色
#f2ef64
三等分色
#f26467
类似色 1
#a864f2
类似色 2
#64adf2
使用说明
本工具用于颜色选取和格式转换，支持 HEX、RGB、HSL 多种格式互转，并提供色阶和配色方案。
功能特性
- 支持 HEX、RGB、HSL 三种颜色格式相互转换
- 支持透明度（Alpha）调节，生成 HEX+Alpha、RGBA、HSLA 等格式
- 生成 0-100% 亮度色阶，便于设计配色
- 计算互补色、三等分色和类似色，辅助色彩搭配
- 点击色块或色阶可快速切换主色
操作步骤
- 点击左侧大色块打开系统取色器选择颜色
- 或在 HEX 输入框直接输入色值（支持 3 位或 6 位）
- 可在 RGB / HSL 输入框中调整各通道数值
- 使用透明度滑块调节 Alpha 值
- 在"颜色代码"区点击复制按钮获取对应格式代码
- 点击色阶或配色方案中的色块切换主色
注意事项
- HEX 输入会自动补全为 6 位格式
- RGB 各通道范围 0-255，HSL 中 H 为 0-360，S/L 为 0-100
- 色阶基于当前色相和饱和度，仅改变亮度
- 所有计算在浏览器本地完成