网站配色提取

输入任意网站网址即可提取其配色：列出样式表中使用的每种颜色，按出现频率排序，可直接复制或导出为代码。

输入网站地址以提取其配色。

只能读取公开网页，颜色来自页面附带的 CSS：用图片或 canvas 绘制的网站返回的颜色可能较少。免费，无需注册。

关于网站配色提取

网站配色提取工具可揭示一个网站实际使用的颜色。输入一个公开网址，页面会在我们这一端被抓取，由于跨域限制，浏览器无法直接读取其他网站，然后对其内联样式、嵌入的样式块和链接的样式表进行扫描，找出每一个颜色标记。

HEX、rgb()、rgba()、hsl() 和 hsla() 值都会被归一化为统一的 HEX 形式并计数，因此返回的调色板会按每种颜色在网站 CSS 中出现的频率排序。正是这种频率排序，才能把品牌真正的主色与列表下方数十种一次性的边框和阴影区分开来。

每个色块只需一键即可复制，导出面板可将结果转换为 CSS 变量、SCSS、Tailwind 配置、JSON、SVG 色块表或纯 HEX 列表。该工具免费且有速率限制，只能访问公开地址，除了短暂缓存提取结果外不存储任何内容。

将地址粘贴到此工具中并点击“提取颜色”。它会读取页面的样式表和内联样式，然后按频率列出找到的每种颜色，因此最常用的品牌色会排在最前面。

样式表中通常包含的附带颜色，边框、阴影、悬停状态，远多于品牌色。统计每个值出现的频率，会把定义网站风格的颜色推到列表顶部。

该工具读取页面附带的 CSS。用图片、canvas 或 WebGL 绘制设计，或在加载后完全用 JavaScript 构建样式的网站，其样式表中暴露的颜色值很少。位于登录或防机器人屏障后的页面也无法读取。

不可以。只接受公开网址：出于安全考虑，对私有、本地或保留网络地址的请求会被阻止，且只允许标准的 HTTP 和 HTTPS 端口。

会，但有数量限制。从页面链接的样式表，包括 CDN 上的样式表，会经过同样的安全检查后被抓取，因此外部 CSS 文件中定义的颜色会与页面自身的样式一起计入。

是的，完全免费，无需账户。请求有速率限制，以保证服务对所有人可用，结果会被短暂缓存，因此重复访问同一网址会立即返回。