图片取色器 使用方法
- 1
打开图片
拖入、选择或粘贴截图、照片或 Logo，最大 25 MB，支持 JPG、PNG、WebP、AVIF、HEIC、GIF 或 SVG。
- 2
用放大镜瞄准
在图片上悬停或拖动，11 × 11 像素的放大镜会显示十字准星下的精确像素及其 HEX 代码。
- 3
点击取色
得到 HEX、RGB、HSL 和 OKLCH 值，每个值都有单独的复制按钮。用方向键微调准星，按 Enter 取色。
- 4
提取调色板
选择 5 到 12 种主色，可复制为 CSS 变量、JSON 或 Tailwind 主题代码块。
限制与 Pro
一次处理一张图片，最大 25 MB，取色次数不限，可提取 5–12 种调色板颜色，历史记录保存 24 个颜色。
Pro 可以对最大 4 GB 的图片取色。 了解 Pro
关于 图片取色器
图片取色器可以读取图片中任意像素的精确颜色值，并把整张图片变成一份调色板。每次取色都会给出四种写法：HEX 适合设计工具，rgb() 和 hsl() 用于 CSS，oklch() 则适合现代 CSS 的色彩处理，其亮度和色度的变化更符合人眼的感受。取到的颜色会进入最近 24 个颜色的历史记录，保存在当前浏览器中，下次打开仍然可用；在桌面版 Chrome 和 Edge 中，“从屏幕取色”还能通过浏览器自带的吸管，获取页面之外的任意颜色。
调色板使用 OKLab 色彩空间中的 k-means 聚类计算，计算对象是最长边不超过 200 像素的缩小副本。相近的聚类会被合并，透明像素会被忽略，颜色按在图片中的占比排序，占比显示在每个色块上。同一张图片每次得到的调色板都相同。
设计师可以用它从 Logo 中提取品牌色、根据照片搭配主题、查看截图中按钮的准确颜色，或整理情绪板。取到的是浏览器显示图片时的标准 sRGB 值，因此 JPG 压缩痕迹或广色域素材，可能让取色结果与原设计文件相差几个数值。半透明像素只报告颜色本身，不包含透明度；本工具不提供颜色命名，也不检查对比度。
隐私
图片在当前标签页中解码和取样，调色板聚类在你打开图片后创建的小型 Web Worker 中运行，不会上传任何内容。颜色历史记录只保存在此浏览器的本地存储中；“从屏幕取色”使用浏览器内置的吸管，只会把你选中的那一个颜色告诉本页面，不会共享其他信息。
功能
像素级放大镜
11 × 11 像素的放大镜，支持键盘微调，鼠标和触屏都能精准取色。
主色调色板
用 OKLab 中的 k-means 提取 5–12 种颜色，按在图片中的占比排序。
开发者导出
提供 HEX、RGB、HSL 和 OKLCH 值，以及 CSS 变量、JSON 或 Tailwind @theme 代码块。
颜色历史
最近 24 次取色保存在此浏览器中，可随时复制为列表。