从任何网站提取资产、颜色、版式和标记。导出为 CSS、SCSS、Tailwind 等。终极开发和设计工具包。
🎨 立即从任何网站提取设计令牌、样式和资产
Peek 是一款面向 UI/UX 设计师和前端开发人员的终极一体化检查器工具。只需单击一下，您就可以从任何网站提取完整的设计系统，包括颜色、渐变、版式和资源。告别手动检查，迎接简化的工作流程。
以 CSS、SCSS、Tailwind CSS、JSON、SVG 等格式导出可用于生产的代码。
---
✨ 主要特点
🖼️ 新：完整的资产提取
- 立即查找并分析页面上的所有图像、SVG 和其他资源。
- 一键过滤、缩放、复制和下载资源。
🎨 智能颜色和渐变检测
- 自动提取整个调色板，包括纯色和渐变。
- 支持 HEX、RGB、HSL 和 OKLCH 等现代格式。
- 以开发人员就绪格式复制或下载：CSS、SCSS、Tailwind CSS、JSON 和 SVG。
📝 高级版式分析
- 立即识别字体系列、大小、粗细和行高。
- 可视化网站的字体比例和排版层次结构。
- 实时字体预览：查看与网站上显示的字体完全相同的字体。
- 智能脚本检测：Peek 自动检测语言（例如阿拉伯语、日语、西里尔语）并以适当的脚本显示字体预览。
🚀 闪电般快速且对开发人员友好
- 获取即时样式和资产数据，无需重新加载页面或影响性能。
- 将样式直接复制到剪贴板或下载文件。
- 导出干净的、可用于生产的代码。
🎯 非常适合
- UI/UX 设计师创建设计系统
- 前端开发人员构建组件库
- 设计团队保持品牌一致性
- 学生学习网页设计原理
🔒 隐私第一
- 所有处理都在您的设备本地进行
- 没有数据发送到外部服务器
- 尊重您的隐私和网站内容
🚀 几秒钟内即可开始
1.安装Peek扩展
2. 导航至任何网站
3. 单击“查看”图标
4. 即时提取样式
💡 使用案例
- 对网站的设计系统进行逆向工程。
- 从鼓舞人心的网站构建调色板。
- 分析竞争对手的版式和品牌。
- 创建一致的品牌准则。
- 使用现实世界的设计令牌更快地制作原型。
🎨 支持的格式
- CSS、SCSS、JSON、SVG 等
- 与所有主要设计工具兼容
- 可供生产使用
立即安装 Peek，释放智能风格和资产提取的力量！
---
🚀 v0.8.9.1
2026 年 4 月 19 日
🥳 新！
1️⃣ SVG 超能力：更改 SVG 颜色并复制/下载定制的 SVG（渐变 SVG 颜色定制即将推出！）
2️⃣ 更有条理的资产：徽标现在首先出现！其他资产现在按资产类型分组。
3️⃣ 改进：概览选项卡中的跳转到顶部按钮
🐞 错误修复：修复了在 SVG 颜色编辑模式下手动输入的十六进制值不起作用的错误。
---
🚀 v0.8.8.0
2026 年 3 月 8 日
🥳 新内容：网站概述
1️⃣ 概述选项卡 – 当前站点的颜色、排版和字体比例的单页摘要。
颜色分析 – 主色、次要色和强调色以及角色细分（背景、文本、按钮）。
2️⃣ 版式总结 – 标题/正文字体、独特样式计数和字体比例预览。
字体大小预览 – 使用语义标签（显示、标题、正文等）和非拉丁脚本的脚本感知标签显示字体大小。
3️⃣ 快速操作 – 从概览中跳转到所选颜色组（背景/文本/按钮）的复制或下载。
🥳 新功能：复制字体比例
1️⃣ 将字体比例复制为... – 从概述中，以您选择的格式（CSS、SCSS、Tailwind 等）复制完整的字体比例（所有尺寸）。
2️⃣ 仅字体缩放流程 – 打开“复制”页面，其中预先选择了版式输出，以便您可以复制或调整并复制。
⬆️改进：输出代码（复制/下载）
1️⃣ 更清晰的生成代码 – CSS/SCSS/Tailwind 输出中的格式、间距和注释更加一致。
2️⃣ 更好的结构 - 复制/下载输出中变量和规则的逻辑分组和排序。
3️⃣ 更少的怪癖 - 减少颜色/渐变和版式输出的边缘情况，以实现更可靠的粘贴使用。
----
🚀 v0.8.7.2
2025 年 11 月 4 日
✨ 新功能和改进
• 删除选取的颜色：您现在可以通过将鼠标悬停在单个选取的颜色上来删除它们。如果您改变主意，可以使用撤消选项。
• 圆锥渐变到SVG：圆锥渐变现在在SVG 导出中自动转换为线性渐变。只需在Figma（或设计工具中的等效工具）中将渐变类型从线性更改为角度，即可匹配原始圆锥渐变。
• 增强的视频播放器：改进了资产模式中的视频播放体验，并支持画中画。将视频弹出到可调整大小的窗口中，以便更好地观看。
• 改进的颜色转换：修复了 OKLCH 渐变颜色，以便在所有视图中正确转换为您选择的格式（HEX、RGB、HSL 等）。
• UI 改进：整个界面进行了细微改进，带来更流畅、更精致的体验。
🐞 错误修复
• 修复了OKLCH 渐变颜色未转换为“复制”和“下载”页面中用户选择的颜色格式的问题。
---
享受！
https://trypeek.app
