图片取色器
打开一张图，点任意位置取色，立刻得到 HEX、RGB、HSL；下方按占比列出这张图的主要颜色。
原图（点任意位置取色）
选好图片后，原图会显示在这里，点一下即可取色。
取到的颜色
—
—
—
主要颜色（按占比）
使用指南
- 载入图片
填地址、粘贴 data URL 或选本地文件；载入后左下角会提示可以点图取色。
- 点图取色
在图上点任意位置，右侧显示色块、HEX、RGB、HSL 和像素坐标；重复点不同位置做对比。
- 取主色
看右侧「主要颜色」六个色块和各自占比，点一下即复制该色值，可直接拿去用。
常见问题
主色是怎么算出来的？
先把图缩放成 100×100，再把每个像素按 R、G、B 各 16 级装进色桶，统计每个桶的像素数，按数量排序取前 6；每个桶最终显示的是桶内像素的真实平均值，不是量化后的中心色。
点图取色准吗？
准。预览画布和坐标之间做了缩放换算，点哪个像素就取哪个像素；下方还会标出取到的是第几列第几行，方便核对。
跨域图片为什么取不到色？
浏览器安全策略不允许读取未授权跨域图片的像素。解决办法是把图另存到本地再选文件，且取色精度完全一样。
色值怎么复制？
点右上角「复制色值」复制当前选中的 HEX；点下方任意色块则复制该色块的 HEX 并把它设为当前颜色。