可以不安装就体验 PixelKit 吗？
可以——在下方无需安装扩展程序，即可立即体验 PixelKit 的核心功能。
PixelKit 有哪些功能？
免费 4 种 + Pro 专属 5 种，共 8 种核心工具
Hoverify 检查器
免费将鼠标悬停在元素上，即可实时显示 Box Model、6 种 Typography 属性（font-family、size、weight、line-height、letter-spacing、color）、Layout、Background 和无障碍信息。
颜色调色板提取
Pro自动收集网页中使用的所有颜色，通过聚类算法按类别分类。
字体检查器
Pro即时查看文本元素的 6 种属性：font-family、size、weight、line-height、letter-spacing、color。
WCAG 对比度检测
Pro基于 WCAG 2.1 公式实时计算前景/背景对比度。判定 AA 标准 4.5:1 和 AAA 标准 7:1 等级。
间距测量
Pro以像素（px）为单位，配合 Figma 风格的红色虚线，显示两个元素之间的水平/垂直/对角线距离。
CSS 复制
Pro一键将元素的 Computed CSS 复制到剪贴板，支持范围选择。
网格叠加
免费叠加 12 列 CSS Grid，直观检查布局对齐情况。
Style Strip
Pro分 4 个阶段逐步移除 CSS，分析 HTML 结构。
PixelKit 价格是多少？
免费（$0）起步，Pro 月付 $1 或终身 $20。基础 4 种工具永久免费。
Pro Monthly
- ✓包含所有 Free 功能
- ✓Palette Extractor
- ✓Font Inspector
- ✓Spacing Measure
- ✓WCAG Contrast Checker
- ✓CSS Copy / Style Strip
- ✓Visual Editor / Layout Editor
- ✓Quick Theme / Presets
- ✓全部 API 工具
常见问题
PixelKit 是什么？+
PixelKit 是一个用于分析和编辑网页视觉设计的 Chrome 扩展程序。提供 CSS 检查、颜色提取、排版分析、间距测量、WCAG 对比度检测等 8 种工具。
PixelKit 如何安装？+
在 Chrome 网上应用店搜索「PixelKit」或点击着陆页的安装按钮即可。安装后即可立即使用。
PixelKit 是免费的吗？+
是的，基础 4 种工具（Hoverify 检查器、Color Picker、Grid 叠加、Screenshot）永久免费。Pro 方案月付 $1 或终身 $20。
Pro 方案增加了哪些功能？+
Pro 方案增加 9 种工具：Palette Extractor、Font Inspector、Spacing Measure、WCAG Contrast Checker、CSS Copy、Style Strip、Visual/Layout Editor、Quick Theme、Presets。
WCAG 对比度检测是如何工作的？+
基于 WCAG 2.1 公式，实时计算前景（文本）与背景色的对比度。自动判定 AA 等级（4.5:1 以上）和 AAA 等级（7:1 以上）。
除了 Chrome，其他浏览器也能使用吗？+
可以。Edge、Brave、Arc 等基于 Chromium 的浏览器均可通过 Chrome 网上应用店安装和使用 PixelKit。