从网站获取颜色、字体和元标记。
Website Breakdown 是一款直观且功能强大的浏览器扩展,专为 Web 开发人员和设计人员设计,可轻松提取任何网站上使用的颜色、字体和元数据。只需单击一下,您就可以获得网页视觉样式的详细概述。此外,该扩展允许您以组织良好的 PDF 文件形式下载此信息,其中包含颜色预览、字体详细信息和元数据。
主要特点:
颜色提取:检索网页上使用的所有颜色,包括纯色和渐变。
颜色选择器:从网页中选择任何颜色。
颜色以 HEX、RGB 和 HSL 格式显示。
渐变支持:识别并显示网页上使用的背景渐变。
字体详细信息:提取页面上使用的字体,包括应用这些字体的元素的 HTML 标签,不重复。
预览显示:通过预览查看颜色和渐变。
PDF 生成:将颜色和字体详细信息以及网站标题和 URL 保存在格式良好的 PDF 文件中。
高级检查器:在网页上选择您的元素并查看它们的结构。
用户友好:简单直观的用户界面,带有用于扫描颜色和字体的加载指示器。
颜色格式支持:查看各种格式(HEX、RGB、HSL)的颜色并保持其原始形式的渐变。
从 Chrome 网上应用店安装扩展程序。
访问任何网站并通过单击浏览器工具栏中的图标打开扩展程序。
等待扫描完成。
在扩展弹出窗口中查看提取的颜色和字体。
单击“保存”按钮下载包含所有颜色和字体详细信息的 PDF 文件。
非常适合:
需要复制或分析网站视觉风格的 Web 开发人员。
设计师从其他网页上使用的配色方案和字体中寻找灵感。
任何想要快速详细地了解网站视觉风格的人。
使用 Website Breakdown 简化您的工作流程并增强您的设计流程!




