围绕商品图、品牌照或灵感图做设计，第一步是拿到它的颜色。图片拖进来，主色板按从亮到暗排好，每个色块点一下就复制 hex。
提取用的是对真实像素做 median-cut 量化——和图像编辑器同一族算法——所以色板反映的是真实的颜色分布，不是糊成一团的平均值。
使用方法
- 添加图片照片、logo、插画都行。
- 调节色板数量3 到 12 色，色块实时更新。
- 复制色值点任意色块复制 hex，或一键复制整个色板。
从任何图片里提取真实配色
这个取色工具读取图片的实际像素，用中位切分量化找出主色调，和优质配色缩减背后是同一套方法。也就是说，色板反映的是图里真正存在的颜色，不是猜的、也不是滤镜平均出来的。载入一张图，你就得到一组直接取自原图的hex色块。
颜色数量由你定，3到12种都行。数量少，得到的是紧凑的品牌风格配色；数量多，得到的是适合设计的完整方案。相同的色块会去重，同一个hex不会出现两次。
一键复制hex色值
每个色块都显示它的hex值，点一下色块就把色值复制到剪贴板。想要整套配色时，一个按钮就能一次复制全部，直接粘进CSS、设计工具或规范文档。色板按从浅到深排序，读起来是有序的色阶，而不是一堆乱色。
因为全程在浏览器里用你自己的图片运行，你可以从照片、截图或logo里提取配色，不用上传任何东西。
大家都用它来做什么
搭建品牌配色 — 从logo或主视觉里提取主色调，为统一的色彩体系定基调。
让设计贴合照片 — 从产品图里提取配色，让版面和图片像是一体的。
网页和UI配色 — 从情绪图里取hex，作为站点强调色和背景色的CSS变量起点。
从作品里取色 — 取插画或画作里的真实颜色，用到自己的作品中。
幻灯片主题配色 — 从封面图里提取几种主色，给整份PPT定主题色。
服装与家居灵感板 — 从灵感图里取配色，用来搭配布料、油漆或饰品。
数据可视化配色 — 从参考图里提取一组区分度高的颜色，做图表配色。
快速查hex — 丢进一张截图，点你需要的色块就复制它精确的hex值。
直接从图片里把颜色取出来
你手上有一张照片、一张截图、一张包装图、一帧电影画面——想把里面的颜色变成十六进制色值。也许是要让网站配色贴合一张品牌照片，也许是围绕产品图做一套幻灯片主题，或者只是想搞清楚海报里那个渐变到底是什么色。靠眼睛读颜色并不可靠：屏幕上看着是藏青的一块，实际可能是 #1B2A4A，也可能是 #14233F，猜来猜去既费时间，结果还差那么一点。
很多人的第一反应是打开配色网站从头把颜色搭出来，但这把事情做反了。Coolors、Adobe Color 这类工具擅长的是"生成"配色——锁一个色块、按空格、探索各种和谐搭配——可当你想要的颜色本就存在于一张图片里时，从零生成就是绕远路。最后往往变成：在一个软件里用吸管取色，再把色值粘到另一个软件里。
Palette 走的是最直接的路。拖入一张图，它用中位切分（median-cut）量化提取一组主色——正是把图像归约到最有代表性颜色所用的那类算法——再按由亮到暗排列成色块。点任意色块即可复制其十六进制值，也可以一次复制整组。滑块从 3 种颜色一直调到 12 种，既能取一对点缀色，也能取一整套主题。全程在浏览器里运行：图片在本地读取，绝不上传——当来源是尚未发布的设计稿、客户的照片，或任何你不愿只为取个色就发往服务器的东西时，这一点很重要。
与众不同之处
- 是提取，不是生成。它读取图片里已有的颜色，而不是让你从头搭一套配色。
- 中位切分量化。用真正的算法挑出有代表性的主色，而非随手采几个像素。
- 数量可调。从 3 到 12 之间滑动——一对点缀色或一整套主题——并实时重新提取。
- 点击即复制。点任意色块得到其色值，或一键复制全部，随手粘进 CSS、设计工具或幻灯片主题。
- 按用途排序。色块按亮度排列，配色读起来更自然。
- 私密且离线。图片不离开你的设备，首次访问后无网络也能用。
- 免费、免账号、无水印。
IMG.DIY 与其他配色工具对比
Coolors 和 Adobe Color 都是很强的工具，但重心不同。老实说，区别就在"生成一套配色"与"从图片里取色"之间。
| 维度 | Coolors | Adobe Color | IMG.DIY |
|---|---|---|---|
| 核心强项 | 生成与探索配色 | 色彩和谐、Adobe 生态整合 | 从图片提取颜色 |
| 从图片提取 | 支持（上传／免费档受限） | 支持 | 支持，核心功能 |
| 图片上传到服务器 | 通常会 | 会 | 不会，留在浏览器 |
| 需要账号 | 保存／部分功能需要 | 完整使用需 Adobe 账号 | 不需要 |
| 颜色数量可调 | 支持 | 固定套数 | 3–12，实时 |
| 复制色值 | 支持 | 支持 | 点色块，或全部复制 |
| 离线 | 否 | 否 | 是，首次访问后 |
| 费用 | 免费档＋付费 | 有 Adobe 账号可免费 | 免费，无额度限制 |
如果你要做的是从无到有"设计"一套配色——探索和谐搭配、锁定与打乱、保存合集——Coolors 和 Adobe Color 更合适，而如果你就在 Creative Cloud 里工作，Adobe Color 很难被超越。它们变重的地方，恰是这个工具专为之而生的场景：你已经有一张图，只想私密地拿到它的颜色，不上传、不登录。Palette 一拖即取出色值，让你调数量、替你复制，然后就退到一边。
为什么选 IMG.DIY
真实主色
对真实像素做 median-cut，不是模糊平均。
一键复制
每个色块即点即复制。
3–12 色
色板精细度自己定。
隐私安全
图片不离开你的设备。