工具95

创造卓越作品

图像取色器.

从图像中提取 HEX、RGB 和 HSL 颜色。提取并编辑调色板,检查文本对比度,然后复制颜色或导出 PNG、SVG、CSS 或 JSON。

广告
您的图像工作区
临时服务器处理
或拖放到此处
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
选择您的图像以开始。图像
广告
博客 如何选取图像颜色并创建调色板 阅读指南

拾取图像颜色并构建可用的调色板

检查像素,复制其 HEX、RGB 或 HSL 值,并从照片中提取初始调色板。保留您喜欢的颜色,编辑其余颜色,检查文本与背景对,并导出 PNG、SVG、CSS 或 JSON。

图像提供单个颜色样本以及可优化和导出的调色板。
快速视频教程 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. 英语旁白 观看视频

How to pick an image color and export a palette

功能与控制

使用放大视图拾取像素

点击或轻点图像以检查颜色,然后复制其代码。

精确位置和预览限制

放大镜可帮助您瞄准微小细节。聚焦图像并使用箭头键移动一个像素,按住 Shift 加箭头键移动十个像素,按 Enter 键拾取。HEX、RGB 和 HSL 具有单独的复制按钮。浏览器可解码的源在浏览器中采样 sRGB。当使用归一化预览时,其标签会将颜色和坐标标识为近似值。

提取有用的初始调色板

选择 3 到 12 种颜色进行提取,并尝试“主色”或“鲜艳”。

颜色和百分比的估算方式

“主色”偏向图像的主要颜色。“鲜艳”使彩色强调色具有更大的影响力。提取过程会对边界图像进行采样,将相似颜色分组并返回最多请求数量的颜色;扁平图像包含的颜色可能更少。完全透明的像素会被排除,部分透明度会降低像素的权重。百分比描述的是近似采样组,而不是每个原始像素的精确计数。自动提取会将图像上传到服务器。

保留、替换和重新排序您的颜色

锁定有用的色板,编辑其 HEX 值,或添加拾取的颜色或自定义颜色。

导出前优化调色板

选择一个色板以编辑其颜色、向左或向右移动它,或将其删除。当您使用“刷新调色板”或更改提取设置时,“锁定”会保留所选颜色。“添加到调色板”使用采样的 RGB 颜色;“添加自定义颜色”允许您输入 HEX 值。调色板可包含 1 到 12 种颜色以供导出。拾取、编辑和保留的锁定颜色不会获得虚构的图像百分比。

了解透明像素

在“采样”下选择“源颜色”或“背景上的合成”。

源不透明度和导出颜色

“源颜色”在复制的代码中报告所选像素及其不透明度。“背景上的合成”显示其与“采样背景”混合后的外观。调色板颜色和导出内容均为不透明的 RGB 值,因此添加半透明源颜色不会保留其 Alpha 通道。“采样模式”会更改检查的颜色;它不会重新着色源图像或更改自动提取。

检查文本和背景对

使用“检查颜色对比度”来比较两种颜色。

对比度结果涵盖的内容

使用颜色控件选择“文本”和“背景”,输入 HEX 值或使用拾取的颜色。预览显示对比度以及文本的“普通 AA”、“普通 AAA”、“大号 AA”和“大号 AAA”的单独结果。这仅检查所选颜色对。它不会审计整个页面,不会考虑每个背景图像,也不会证明完整的设计是可访问的。

导出颜色以进行下一步

保存调色板图像、矢量色板、CSS 变量或结构化颜色数据。

PNG、SVG、CSS 和 JSON

PNG 生成带标签的调色板卡片。SVG 将色板和标签保留为矢量内容。CSS 导出编号变量,例如 --color-1。JSON 包含 HEX、RGB 和 HSL 值。选择“另存为”然后选择“开始”以创建名为 palette 且带有选定扩展名的文件。当您只需要数值时,复制颜色或整个 HEX 调色板可能更快。

文件与处理

输入
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC 和 HEIF
输出
一个 PNG、SVG、CSS 或 JSON 调色板

每个文件最大 25 MB。 每次运行仅限一个输入文件。

单张源图像最大支持 60 百万像素。提取采样每边最多 512 像素,忽略完全透明的像素,返回的颜色数量可能少于请求数量。导出支持 1 到 12 种不透明调色板颜色。动画或多图像源仅使用其第一帧静态画面。

图像会自动上传以提取调色板,并再次上传以进行最终导出。像素拾取和手动调色板编辑在浏览器中运行。浏览器无法解码的格式可能需要服务器预览。此工具使用常规颜色处理,而非 AI。

文件在服务器上进行处理。当浏览器无法解码或需要文档预览时,预览准备过程也可能会上传文件。 服务器下载内容在您的会话中最多保留两小时。

对于图像结果,请使用下载结果下方的“继续”来选择兼容的下一步。您可以选择要保留的图像;下一个工具将以其自身的设置开始。

刷新编辑器或下载页面将返回工具页面。 在开始新工作流之前,请先下载结果。 查看我们的 隐私政策 以了解文件处理方式。

常见问题

温馨提示

开始前的一些解答。

临时服务器处理
我可以从图像中获取 HEX、RGB 和 HSL 吗?

可以。拾取一个像素并使用您所需值旁边的复制按钮。拾取器会在相关时显示不透明度;不透明的调色板导出内容包含 RGB 颜色。

“主色”和“鲜艳”有什么区别?

“主色”强调常见的图像颜色。“鲜艳”使彩色强调色具有更大的影响力。两者均为采样近似值,且均不保证能自动找到特定的品牌颜色。

为什么六色请求返回的颜色更少?

源图像可能具有较少的不同可见颜色。提取器会返回可用的分组,而不是为了凑齐请求数量而虚构重复的色板。

刷新调色板时可以保留颜色吗?

可以。选择其色板并使用“锁定颜色”。您还可以在导出前添加自定义 HEX 值、重新排序色板或删除颜色。

所有内容都保留在我的浏览器中吗?

不是。像素拾取和调色板编辑在浏览器中运行,但自动提取和最终导出会将源文件上传到服务器。某些输入格式也需要服务器生成的预览。

广告

语言38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

选择您的语言。视频教程目前使用英语旁白。