Chrome 颜色工作流扩展

拾取颜色。整理并导出令牌。

从任意网页拾取颜色，整理成项目调色板，并导出可直接用于开发的 CSS、Tailwind 或 W3C 颜色令牌。

●免费开始 · 无需账户

免费工作流

拾取 → 查看 → 保存

浏览网页时，专注收集真正需要的颜色。

直接从网页中取色，并选择 HEX、RGB 或 HSL 格式。

先查看最近 20 个颜色，再将需要的颜色加入项目。

将重要颜色保存到项目调色板中，并在准备好后导出为 CSS 变量。

专业版工作流

将网页颜色整理为可复用项目调色板，管理多个项目，并导出可用于开发的颜色变量。

专业版 · $15 一次性购买

扫描当前网页中的关键颜色，无需逐个拾取。

为不同网站、品牌或设计方向管理和切换项目调色板。

将项目调色板导出为 CSS、Tailwind 配置或 W3C 设计令牌。

从颜色到代码

先从真实网页采集颜色，再将项目调色板导出为开发者可以继续处理的格式。

CSS VariablesTokenTint export

:root {
  --color-brand: #635BFF;
  --color-surface: #F7F8FB;
  --color-text: #10131A;
}

按你的工作方式选择

$15 一次性付款