图片和调色板均在浏览器中处理,不会上传到服务器
浏览器本地处理 • 无需上传 • 支持调色板导出
图片取色器
用放大镜精确选取图片像素颜色,提取 3 至 12 个主要颜色,并在浏览器中导出 CSS、代码、SVG 或 PNG 调色板。
从图片中取色并生成调色板
上传图片后可提取主要颜色,通过放大镜查看单个像素,并复制或导出颜色值和调色板。处理均在浏览器本地完成。
如何从图片中提取颜色
- 1.从设备上传图片
- 2.选择调色板中的主要颜色数量:3、5、8 或 12 色
- 3.悬停查看像素颜色,点击即可锁定该颜色
- 4.复制颜色值,或按所需格式导出调色板
通过放大镜在选取前预览指针所在像素的颜色
可查看并复制 HEX、RGB、HSL、XYZ、CMYK、LUV、Lab 和 HWB 色值
支持导出 CSS、SCSS、CSV、JSON、SVG 或 PNG 调色板卡
图片取色器常见问题
我的图片会上传到服务器吗?
不会。所有取色操作都在浏览器本地完成,你的图片永远不会被上传到任何地方。
可以使用哪些图片?
请选择浏览器能够解码的图片文件。工具会检查文件是否为图片,并接受不超过 20MB 的文件;若加载或取色失败,请尝试其他图片。
调色板可以包含多少种颜色?
可选择 3、5、8 或 12 色。工具会先创建主要颜色池,之后切换颜色数量时会立即更新显示的调色板,无需重新上传。
可以选取精确的像素颜色吗?
可以。悬停在已上传的图片上时,放大镜会预览指针所在的颜色;点击图片即可锁定该颜色。也可以直接从调色板中选择颜色。
可以从屏幕其他位置取色吗?
浏览器提供 EyeDropper API 时,可使用“从屏幕取色”。不支持该 API 的浏览器会禁用此功能。
支持哪些调色板导出格式?
可复制或下载 CSS 变量、SCSS HEX 或 RGB 变量、CSV、JSON 数组、SVG,以及 PNG 调色板卡。PNG 卡片包含原图和调色板色带。