图片取色与调色板提取
拖入照片、Logo 或截图，得到 3 到 12 个主色，每个都有 HEX、RGB、HSL 值和占图片的比例。点击色块即可复制，点击图片可读取任意一个像素，还能把调色板导出为 CSS 变量、JSON 或 PNG 色块条。图片只在本页读取，不会上传。
你的图片
把图片拖到这里
支持 JPEG、PNG、WebP、GIF、AVIF，最大 40 MB。图片只在你的浏览器里读取，不会上传。
主色
调色板只是近似结果。别的工具用别的方法（k-means、八叉树、不同大小的采样），同一张图会得到不同的颜色，照片也没有唯一正确答案。本页会先缩小图片，边缘处的颜色因此会被混合。不同屏幕和色彩配置下颜色看起来也不一样；这里给出的是浏览器解码后的 sRGB 数值。
取一个精确的颜色
点击或轻触图片，读取指针下那个像素的颜色。
还没有取色。
调色板是怎么算出来的
- •图片会先缩小到最长边不超过 200 像素，再统计这些像素的颜色。完全透明的像素会被跳过。
- •所有不同的颜色先放进一个盒子。取颜色分布最分散的盒子，沿最宽的通道（红、绿或蓝）在最能把两半分开的位置切成两个。重复这个过程，直到盒子数量等于你要的颜色数。每个盒子变成一个调色板颜色，取盒内像素的平均值。这是中位切分法的一种变体。
- •算法没有随机起点，所以同一张图每次得到的调色板都一样。如果图片的不同颜色不超过你要的数量，得到的就是这些颜色本身和准确的像素数：示例图片有 5 种纯色，占比 48.2%、25.0%、16.7%、8.3%、1.8%，对应 24,000 个像素中的 11,559、6,000、4,000、2,000、441 个。
- •占比四舍五入到小数点后一位，并调整到合计恰好 100.0%。文字对比度用 WCAG 2.x 公式分别计算黑字和白字；4.5:1 是普通文字的 AA 级，7:1 是 AAA 级。
- •点击或轻触图片，会从预览图（最长边最多 640 像素）读取指针下那个像素的准确颜色。如果浏览器支持取色器，还会出现一个按钮，可以在屏幕任意位置取色。
常见问题
- 调色板准确吗？
- 它只是近似结果，照片也没有唯一正确答案。k-means、八叉树等其他方法，或不同的采样大小，对同一张图会给出不同的颜色。本页的结果可以重复（同一张图总是得到同样的结果），但并不是标准答案。缩小图片的步骤也会让边缘处的颜色混合。
- 为什么颜色看起来和原图不一样？
- 屏幕和色彩配置各不相同。这里给出的是浏览器解码图片后的 sRGB 数值，同样的数值在另一块屏幕上看起来可能不同。
- 我的图片会被上传吗？
- 不会。图片在你的浏览器里解码和分析，本页不会把它发到任何网络请求里。关闭或刷新页面后就会忘掉。
- 为什么得到的颜色比我选的少？
- 只有少数几种不同颜色的图片（比如纯色 Logo）无法再继续拆分。页面会告诉你一共找到了多少种不同的颜色。