🎨
颜色选择器
免费在线颜色选择器。从调色板选择颜色并获取HEX、RGB、HSL、CMYK值。支持颜色提取和转换。
🎨 Pick
HEX
RGB
HSL
CMYK
CSS
R
G
B
Pick From Image
单击预览选择颜色
配色方案
互补色
邻近色
三角对比色
分裂互补色
暗色调
亮色调
已保存的颜色
No saved colors yet
Contrast Check
White Text
Black Text
关于颜色选择器
高级拾色器,支持HEX、RGB和HSL格式。创建调色板,检查对比度,复制颜色代码用于网页和设计。
使用场景
为网站选择配色方案
从图片中提取颜色
检查文本对比度可访问性
创建品牌调色板
转换设计稿中的颜色格式
如何使用
1
使用色轮选择颜色
2
调整亮度和饱和度
3
查看HEX、RGB和HSL值
4
复制颜色代码使用
专业提示
- 使用对比度检查器确保可读性
- 保存调色板以便日后使用
- 不同格式适用于不同场景
常见问题解答
HEX使用十六进制表示颜色(如#FF0000代表红色),RGB使用红绿蓝数值(如rgb(255,0,0)),HSL使用色相、饱和度、亮度。
对比度检查器会显示两种颜色之间的对比度比值,帮助确保文本可读性符合WCAG无障碍标准。
直接复制HEX、RGB或HSL代码粘贴到CSS中即可。例如:color: #FF5733; 或 color: rgb(255,87,51);