使用放大视图拾取像素
点击或轻点图像以检查颜色,然后复制其代码。
精确位置和预览限制
放大镜可帮助您瞄准微小细节。聚焦图像并使用箭头键移动一个像素,按住 Shift 加箭头键移动十个像素,按 Enter 键拾取。HEX、RGB 和 HSL 具有单独的复制按钮。浏览器可解码的源在浏览器中采样 sRGB。当使用归一化预览时,其标签会将颜色和坐标标识为近似值。
从图像中提取 HEX、RGB 和 HSL 颜色。提取并编辑调色板,检查文本对比度,然后复制颜色或导出 PNG、SVG、CSS 或 JSON。
下载完成的文件。
检查像素,复制其 HEX、RGB 或 HSL 值,并从照片中提取初始调色板。保留您喜欢的颜色,编辑其余颜色,检查文本与背景对,并导出 PNG、SVG、CSS 或 JSON。

点击或轻点图像以检查颜色,然后复制其代码。
放大镜可帮助您瞄准微小细节。聚焦图像并使用箭头键移动一个像素,按住 Shift 加箭头键移动十个像素,按 Enter 键拾取。HEX、RGB 和 HSL 具有单独的复制按钮。浏览器可解码的源在浏览器中采样 sRGB。当使用归一化预览时,其标签会将颜色和坐标标识为近似值。
选择 3 到 12 种颜色进行提取,并尝试“主色”或“鲜艳”。
“主色”偏向图像的主要颜色。“鲜艳”使彩色强调色具有更大的影响力。提取过程会对边界图像进行采样,将相似颜色分组并返回最多请求数量的颜色;扁平图像包含的颜色可能更少。完全透明的像素会被排除,部分透明度会降低像素的权重。百分比描述的是近似采样组,而不是每个原始像素的精确计数。自动提取会将图像上传到服务器。
锁定有用的色板,编辑其 HEX 值,或添加拾取的颜色或自定义颜色。
选择一个色板以编辑其颜色、向左或向右移动它,或将其删除。当您使用“刷新调色板”或更改提取设置时,“锁定”会保留所选颜色。“添加到调色板”使用采样的 RGB 颜色;“添加自定义颜色”允许您输入 HEX 值。调色板可包含 1 到 12 种颜色以供导出。拾取、编辑和保留的锁定颜色不会获得虚构的图像百分比。
在“采样”下选择“源颜色”或“背景上的合成”。
“源颜色”在复制的代码中报告所选像素及其不透明度。“背景上的合成”显示其与“采样背景”混合后的外观。调色板颜色和导出内容均为不透明的 RGB 值,因此添加半透明源颜色不会保留其 Alpha 通道。“采样模式”会更改检查的颜色;它不会重新着色源图像或更改自动提取。
使用“检查颜色对比度”来比较两种颜色。
使用颜色控件选择“文本”和“背景”,输入 HEX 值或使用拾取的颜色。预览显示对比度以及文本的“普通 AA”、“普通 AAA”、“大号 AA”和“大号 AAA”的单独结果。这仅检查所选颜色对。它不会审计整个页面,不会考虑每个背景图像,也不会证明完整的设计是可访问的。
保存调色板图像、矢量色板、CSS 变量或结构化颜色数据。
PNG 生成带标签的调色板卡片。SVG 将色板和标签保留为矢量内容。CSS 导出编号变量,例如 --color-1。JSON 包含 HEX、RGB 和 HSL 值。选择“另存为”然后选择“开始”以创建名为 palette 且带有选定扩展名的文件。当您只需要数值时,复制颜色或整个 HEX 调色板可能更快。
每个文件最大 25 MB。 每次运行仅限一个输入文件。
单张源图像最大支持 60 百万像素。提取采样每边最多 512 像素,忽略完全透明的像素,返回的颜色数量可能少于请求数量。导出支持 1 到 12 种不透明调色板颜色。动画或多图像源仅使用其第一帧静态画面。
图像会自动上传以提取调色板,并再次上传以进行最终导出。像素拾取和手动调色板编辑在浏览器中运行。浏览器无法解码的格式可能需要服务器预览。此工具使用常规颜色处理,而非 AI。
文件在服务器上进行处理。当浏览器无法解码或需要文档预览时,预览准备过程也可能会上传文件。 服务器下载内容在您的会话中最多保留两小时。
对于图像结果,请使用下载结果下方的“继续”来选择兼容的下一步。您可以选择要保留的图像;下一个工具将以其自身的设置开始。
刷新编辑器或下载页面将返回工具页面。 在开始新工作流之前,请先下载结果。 查看我们的 隐私政策 以了解文件处理方式。
开始前的一些解答。
临时服务器处理可以。拾取一个像素并使用您所需值旁边的复制按钮。拾取器会在相关时显示不透明度;不透明的调色板导出内容包含 RGB 颜色。
“主色”强调常见的图像颜色。“鲜艳”使彩色强调色具有更大的影响力。两者均为采样近似值,且均不保证能自动找到特定的品牌颜色。
源图像可能具有较少的不同可见颜色。提取器会返回可用的分组,而不是为了凑齐请求数量而虚构重复的色板。
可以。选择其色板并使用“锁定颜色”。您还可以在导出前添加自定义 HEX 值、重新排序色板或删除颜色。
不是。像素拾取和调色板编辑在浏览器中运行,但自动提取和最终导出会将源文件上传到服务器。某些输入格式也需要服务器生成的预览。
快速视频教程
How to pick an image color and export a palette
Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette.
英语旁白
观看视频