返回扩展列表
Chrome 网上应用店
Pixel Toolkit
在任意页面进行精确颜色审查。
Pixel Toolkit 帮助设计师与开发者捕捉像素级信息。取样颜色、检测对比度,并把 Token 同步回设计系统。
适配最新版本的 Chrome,覆盖 macOS、Windows 与 Linux。
Pixel Toolkit
Chrome 网上应用店
取色、生成调色板、导出设计 Token,全部即时完成。
超过 5K 次安装
评分 4.7 / 5
支持离线使用
- 版本
- 0.9.8
- 最近更新
- 2024 年 2 月 15 日
- 安装包大小
- 2.2 MB
- 支持语言
- English, 中文
- 兼容性
- Chrome
Key Capabilities
专为产品团队打造
01
调色板历史
记录每次设计迭代采样过的颜色,方便复用。
02
栅格检查
测量页面的间距、排版比例与对齐方式。
03
离线模式
即使在无网络的测试环境,也能继续采集颜色。
高精度取色
通过放大镜采集像素,并同时获取 HEX、RGB、HSL、LAB 等格式。
无障碍检测
即时计算 WCAG 对比度,并给出可执行的调整建议。
Token 导出
一键复制为 JSON 或 CSS 变量,直接进入代码库。
色彩智能界面
无需安装即可预览 Pixel Toolkit。
调色板面板
查看分组色票、使用建议与快速导出按钮。
Token 控制台
按主题管理变量,并把更新推送到你的仓库。