🎨
颜色选择器
选择颜色并获取各种格式代码
颜色代码
#3B82F6CSS: color: #3b82f6;
rgb(59, 130, 246)CSS: color: rgb(59, 130, 246);
rgba(59, 130, 246, 0.5)cmyk(76%, 47%, 0%, 4%)常用于印刷场景（青 / 品红 / 黄 / 黑）
hsl(217, 91%, 60%)Hue: 217° | Saturation: 91% | Lightness: 60%
HSL 色相（Hue）说明
色相（Hue）表示颜色在色轮上的角度，范围是 0° 到 360°。不同角度对应不同主色， 例如 0° 是红色，120° 是绿色，240° 是蓝色；当前色相为 217° 。
0° 红120° 绿240° 蓝
常用关系色：互补色 = +180°，邻近色 = ±30°
颜色格式说明
- • HEX: 十六进制颜色码，最常用
- • RGB: 红绿蓝三原色值 (0-255)
- • RGBA: RGB + 透明度 (0-1)
- • HSL: 色相、饱和度、亮度
- • CMYK: 青品黄黑，常用于印刷
使用提示
- • 支持 HEX、RGB、HSL、CMYK 等多种格式
- • 实时预览颜色效果
- • 一键复制颜色代码
- • 适用于网页设计、UI 开发
如何使用颜色选择器
- 在取色器里选一个颜色，或输入已有色值。
- 查看 HEX、RGB、HSL 的对应结果。
- 复制需要的颜色代码。
常见问题
颜色选择器怎么在 HEX、RGB、HSL 之间转换？
选中颜色或贴上一种色值后，另外两种格式会一起显示。也可以从调色板里取色。适合设计和改样式。
输入的颜色代码无效怎么办？
HEX 一般是 # 加 3 位或 6 位十六进制。RGB 三个数都要在 0 到 255。格式不对时，先改成其中一种再转。
检查使用权限...