从参考图取色
上传或指定一张参考图，工具从中提取颜色，而不是让用户手动输入色值。适合已经有视觉方向、但还没定下具体颜色的场景。
价格官网未标价
平台—
归类图像编辑与设计
收录2026-10-12
复核2026-10-12
编辑评分
4.4 / 5
★★★★☆
Palette编辑总结
Palette 是 Tone Row 推出的在线配色工具，思路是从一张参考图出发，自动抽取并组合出可直接用于界面设计的一整套配色方案，而不是让设计师一条一条手调色值。它面向需要快速定下配色的 UI 设计师、独立开发者和前端，适合在做落地页、应用界面或品牌视觉初期快速拿到一套能对齐的色板。主要限制是它更偏向"给起点"而非完整的色彩管理系统，导出的色板落到真实组件上仍需要按对比度、深色模式和状态色自行补齐，且官网未公开具体价格与免费额度，接入前需要先确认使用方式与授权范围。
Palette是什么？
Palette 是 Tone Row 推出的一款在线配色工具，核心思路是让用户提供一张参考图，再由工具从中提取出成组的界面配色。它不是传统意义上的取色器，也不只是把图片里出现过的颜色罗列出来，而是把颜色整理成一套可以成套使用的调色板，方便直接应用到界面设计里。
它的定位更接近"配色起点工具"：你给它视觉参考，它帮你把主色、辅助色之间的关系先搭出来，省掉从零手调色值的那段时间。对做界面的人来说，这类工具的价值不在于替代设计判断，而在于把"先定一套能用的底色"这一步压缩成很短的过程。
从使用方式上看，它适合几类人：独立开发者做产品落地页时快速定下界面主色；UI 设计师在早期探索阶段拿几个配色方向做对比；前端在做主题变量时用它先产出一版可用的色板，再逐个校准对比度和状态色。
Palette核心功能
成套调色板输出
输出的是成组的配色方案，而不是一堆并列的色块。这让它更贴近界面配色的实际用法，拿到手就能按主次分配到不同元素上。
网页端直接使用
以在线工具的形式提供，打开浏览器即可取色，不需要在本地装设计软件或插件。适合临时需要一套配色、又不想切换工具链的场合。
面向界面配色
抽取逻辑偏向 UI 场景，产出的颜色组合更接近界面里的主色、辅助色用法，而不是海报或插画那类更自由的颜色关系。
Palette值不值得用？
如果你手上已经有一张能代表产品调性的参考图，想在动手做界面前先把配色方向定下来，Palette 值得试——它省掉的正是"对着色轮反复微调"那段时间。但如果你需要的是一套能直接上线的完整色板，它只能算起点：对比度是否达标、深色模式怎么对应、按钮禁用态和警告态用什么色，这些仍要在设计工具里逐项补齐。做品牌级色彩系统、或者对色彩无障碍有硬性要求的项目，也不适合只靠一个取色工具完成。
建议选它的情况
- 已经有参考图，需要快速产出一版界面配色方向
- 独立开发者做落地页或小产品，要短时间定下主色
- 在早期方案探索阶段，需要拿几套配色做横向对比
不建议选它的情况
- 需要一套能直接上线的完整色板，包含全部状态色
- 项目有明确的色彩无障碍与对比度合规要求
- 要做的是品牌级色彩系统，而非单个界面的配色
Palette使用建议
入门先把路子走对
- 先选图再取色参考图的质量直接决定取色结果。优先选光线干净、主体突出的图，避免颜色杂乱、灰调偏重的照片，否则抽出来的配色会偏灰、偏闷。
- 一次多跑几张图同一套产品调性准备几张不同参考图分别取色，再把结果放在一起比较。只跑一张容易先入为主，把偶然结果当成结论。
- 拿到色板先定主色从输出里挑一个承担主按钮和主链接的颜色，其余先当辅助色备选。先定主色，后面整套界面的层级关系才好排。
进阶省时间也省钱
- 把色板转成变量拿到配色后不要直接写死在组件里，先整理成一份色值变量表，后续换主题或调色时只需要改一处，避免颜色散落在各处难以统一。
- 按明度排层级把取到的颜色按明度从深到浅排一遍，用深色做标题、中色做正文、浅色做背景分块，比直接按色相分配更容易做出稳定的视觉层次。
- 补状态色再交付取色工具给出的通常是主题色，成功、警告、错误这类状态色要另外补。交付前把按钮的默认、悬停、禁用三种状态都配一遍，避免开发阶段临时凑色。
Palette适合谁用？
独立开发者
推荐一个人负责设计和实现，做落地页或小产品时用它快速定下界面主色，比从零调色省时间。
UI 设计师
推荐方案探索阶段需要几套配色方向做对比，可以从参考图直接产出候选色板，减少纯手调的时间。
前端开发者
推荐需要一套能写进主题变量的色值时，可以拿它产出初版色板，再按组件需要补齐状态色。
品牌视觉负责人
有条件品牌色需要准确到具体色值和规范文档，取色工具只适合做前期方向参考，不适合直接定稿。
对无障碍有硬性要求的项目
有条件取色结果是否满足对比度要求需要逐项核对，不能直接当成合规色板使用。
Palette优点和缺点
优点
- 从参考图直接产出成套配色，省掉手动逐个调色值的过程
- 输出的是配色组合而非零散色块，更贴近界面实际用法
- 网页端打开即用，不必为了取色切换本地设计工具
- 适合在方案探索阶段快速拿到多个候选方向做横向对比
缺点
- 产出的色板是起点，对比度和状态色仍需自行补齐
- 偏向界面配色，做品牌级色彩系统时支撑不足
- 取色结果受参考图影响大，图选得不好配色容易发闷
Palette常见问题
Palette 是怎么生成配色的？＋
它的做法是从你提供的参考图里提取颜色，再整理成一套成组的调色板，而不是让你手动输入色值或逐个调色。所以你给它什么图，很大程度上决定它给你什么配色，选图这一步比后面调色更关键。
拿到的色板能直接用在项目里吗？＋
可以当成界面配色的起点用。但取色工具给出的主要是主题色，按钮的悬停和禁用态、成功与错误提示这类状态色通常要另外补，深色模式的对应关系也需要自己排一遍，直接照搬容易在细节上出问题。
和手动调色相比，它省的是哪一步？＋
省的是从零开始试色值的过程。手动调色时往往要反复在色轮上找、再对照界面看效果，用它可以先从参考图得到一版方向明确的配色，再在这版基础上做微调，起步会快一些。
什么情况下不适合用它？＋
需要完整色彩规范的项目不太适合。如果要对齐无障碍对比度标准、或者要输出一份能长期维护的品牌色彩系统，只靠取色工具做出来的色板支撑不够，仍需要在专业设计工具里逐项制定规则。
