拖入图片以取色
拖放、粘贴或选择文件
PNG · JPG · WebP — 在您的设备上读取颜色
图片取色器
从图片中以 Hex、RGB 或 HSL 获取任意颜色,提取完整调色板,重新着色或替换颜色——免费、快速,直接在浏览器中完成。
Every color tool, one tap away
Color picker
Hover and click to read hex, RGB, and HSL from any pixel.
Color toolPalette extractor
Pull the dominant colors and export CSS, JSON, or a PNG sheet.
Color toolDominant color
Find the single main color — plus the true average.
Color toolColor histogram
See the RGB and luminance distribution of a photo.
Color toolColorblind simulator
Preview protanopia, deuteranopia, and tritanopia.
Color toolRecolor image
Shift hue, saturation, and lightness across the whole image.
Color toolReplace color
Swap one color for another with adjustable tolerance.
常见问题
如何从图片中取色?
打开图片,将鼠标悬停在上面,Hex 值会随光标移动而实时显示。点击即可锁定颜色并复制其 Hex、RGB 或 HSL 代码。在触摸屏上,轻触您想要的位置即可。
如何获取照片中某种颜色的 Hex 代码?
使用取色器模式,点击目标像素。工具会并排显示 HEX、RGB 和 HSL 值,每项均配有一键复制按钮。
什么是调色板?如何提取?
调色板是最能代表一张图片的少量颜色集合。调色板提取器使用 k-means 算法将图片像素分组聚类,返回最具代表性的颜色——您可以选择数量,从 2 到 12。
主色(dominant)和平均色(average)有什么区别?
平均色将所有像素混合为一种,通常看起来较为浑浊。主色是相似像素中最大的聚类,因此通常与眼睛感知到的图片主要颜色一致。主色模式会同时显示两者。
能否将调色板导出用于 CSS 或设计工具?
可以。调色板提取器支持导出 PNG 色样表、CSS 自定义属性代码块(--color-1、--color-2 …)或包含 Hex、RGB、HSL 及各颜色占比的 JSON 文件。
色盲模拟器有什么用?
它会将您的图片重新渲染为红色盲(第一色盲)、绿色盲(第二色盲)或蓝色盲(第三色盲)患者所看到的样子——这是对图表、界面和图形进行无障碍快速检查的实用工具。
颜色替换是如何工作的?
选择要查找的颜色(或直接在图片中点击),选择替换颜色,并设置容差以包含相近色调。更改实时预览,并可导出为全分辨率的 PNG、JPG 或 WebP。
取色器免费吗?会有水印吗?
完全免费,无水印,无需注册。您可以对任意数量的图片进行取色和调色板构建。
我的图片在哪里处理?
取色、调色板提取和重新着色均在浏览器中完成,因此结果直接生成在您自己的设备上。有关该工具相关数据的处理方式,请参阅我们的隐私政策。
支持哪些图片格式?
PNG、JPG 和 WebP。重新着色、颜色替换和色盲模拟的输出结果均可以原始分辨率保存为 PNG、JPG 或 WebP。
更多图片工具
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.