图片取色板

拖入一张图片，立刻得到它的主色：HEX、RGB，以及每种颜色占了多少像素。

拖入一张图片，它的颜色就会变成一块色板回来。

把图片拖到这里，或按 ⌘V 粘贴。

支持 JPEG、PNG、WebP、GIF（首帧）和 BMP——单张最大 20 MB、16 百万像素。读取前会先把图缩小，所以 4K 照片也没问题。

图片从不出本设备，页面不发任何网络请求。

手边没图？点"载入示例"会用你的语言画一张，马上看到色板。

使用方法

把图片拖到卡片上、用 ⌘V 粘贴，或点"选择图片"。由 HEX、RGB 和像素占比组成的色板会立刻出现——无需点按钮，也不上传。
选择想要的色卡数量（6、8 或 16），以及按占比还是按色相排序。改其中任意一项，色板会立刻重算，不会重新解码。
点任意色卡上的“复制”即可取得该颜色；点“复制为 CSS”或“复制为 JSON”可整组带走。“下载 JSON”或“下载文本”会把它存成文件。原图不会被改动。

示例

示例图片（"载入示例"得到）

ykit-palette-zh-Hans.jpg
1200 × 800 · 55.1 KB · 渐变 + 文字

8 色色板

#235695  rgb(35, 86, 149)  12.5%
#3834BE  rgb(56, 52, 190)  12.5%
#4355A5  rgb(67, 85, 165)  12.5%
… 还有 5 个

这些是中文示例图经中位切分算法得到的真实输出（2026-10-27，Chromium）。示例文字按界面语言绘制，所以中英文、阿语的示例图字节数与渐变中段颜色会略有差异。占比描述的是最长边 200px 的降采样图，并保留 1 位小数——工具如实说明口径，不假装逐像素精确。

规则、限制与已知问题

不上传：图片在本标签页内被读取、缩小与分析，页面从不发网络请求。原文件只被读取，不会被改动。
像素占比基于降采样图（最长边 200px）统计，并保留 1 位小数；它不是原图逐像素精确计数。四舍五入后，占比之和可能不正好是 100。
透明像素（透明度低于 50%）会被忽略：它们没有颜色，纳入只会污染色板。全透明的图片会提示"没有可见像素"，而不是编造一个颜色。
单张最大 20 MB、16 百万像素，解码前就会拒绝，避免大文件撑爆标签页。读取像素前会先把图缩到最长边 200px，这能保证快速，但会略微抹平细微的颜色层次。
没有"提取"按钮，也没有精确的吸管取色：本工具给出的是主色板，而不是光标下的精确颜色，也不会判断这些颜色是否和谐。
一次只处理一张图。没有历史记录，分享链接也只是干净的页面地址——什么都不存储，刷新即归零。

拿到颜色之后，人们通常还会需要这些。