颜色选择器
选择颜色、从图片提取、生成调色板并检查对比度。支持HEX、RGB、HSL、HSV和CMYK格式。
图片颜色提取
拖放图片或点击上传
主要颜色
向调色板添加颜色
正常大小的示例文字(14px)
大号示例文字
对比度比率
21:1
AA标准
通过
AA大号
通过
AAA标准
通过
AAA大号
通过
90°
何时使用此颜色选择器
我们的免费颜色选择器工具帮助设计师和开发者处理颜色:
-
网页设计
为网站选择完美的颜色并检查对比度比率以确保可访问性合规。
-
品牌标识
为标志、营销材料和品牌指南创建和谐的颜色调色板。
-
图片颜色匹配
从照片中提取颜色,使设计元素与现有图像匹配。
-
CSS开发
生成CSS渐变并将颜色调色板导出为CSS自定义属性。
-
可访问性测试
验证文字和背景颜色组合是否符合WCAG AA和AAA标准。
如何使用颜色选择器
开始使用
- 在颜色方块上点击并拖动以选择饱和度和亮度
- 使用色调滑块更改基本颜色
- 如需要,使用透明度滑块调整不透明度
- 点击旁边的复制按钮复制任何颜色格式
功能特点
- 带实时预览的交互式颜色选择器
- 使用取色器从任何图片提取颜色
- 自动生成和谐的颜色组合
- 创建自定义调色板并导出为CSS或JSON
- 检查WCAG颜色对比度以确保可访问性
- 使用可视化编辑器创建CSS渐变
键盘快捷键
- Ctrl+C:复制当前HEX颜色
- Ctrl+V:从剪贴板粘贴并应用颜色
- 1-4:切换功能标签
提示
- 上传图片自动提取其主要颜色
- 使用对比度检查器确保文字可读性
- 将调色板导出为CSS变量以便在项目中使用