图片颜色提取

什么是在线颜色提取器？

在线颜色提取器是一款免费的取色工具，支持从图片取色、在浏览器支持时从屏幕取色，也可以手动输入颜色值。选中的颜色会立即转换为 HEX、RGB、HSL、HSV、CMYK 等常见格式，并自动生成匹配色、明暗色阶、文字对比度与 CSS 变量，方便设计师和前端开发者直接复制使用。

核心功能

• 图片取色：选择本地图片后，鼠标悬停可预览像素颜色，点击即可取色。
• 像素级微调：选中颜色后可使用方向键精确定位到附近的像素。
• 图片配色提取：导入图片后自动提取一组主要颜色，点击即可应用。
• 屏幕取色：浏览器支持时，可使用系统屏幕取色器从屏幕任意位置取色。
• 手动输入：支持颜色选择器或直接输入 HEX / HEXA 色值，例如 #2563EB。
• 多种颜色格式：实时转换为 HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV、CMYK 等格式。
• 匹配色生成：自动生成互补色、邻近色、三角色、柔和浅色和低饱和色等配色参考。
• 明暗色阶：生成从浅到深的实用色阶，适用于背景、边框、悬停状态和 UI 组件。
• 文字对比度：按 WCAG 标准对比白色与黑色文字，并提供 APCA 风格感知参考。
• CSS 变量：一键复制当前颜色、浅色/深色变体及推荐界面配色的 CSS 变量。
• 浏览器内处理：所有取色、配色提取与转换都在浏览器本地完成，图片不会被上传。

如何使用

1. 在图片取色标签页选择一张本地图片，移动鼠标预览颜色，点击即可选取。
2. 或在屏幕取色标签页使用系统取色器直接取色。
3. 也可以切换到手动输入，输入 HEX 色值或使用颜色选择器指定颜色。
4. 从右侧面板复制需要的颜色格式、匹配色、色阶或 CSS 变量。