浏览器扩展
共 34 个设计师推荐的浏览器扩展网站，按质量与推荐次数排序。
浏览器扩展ColorZilla
Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。
浏览器扩展ColorZilla
浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。
浏览器扩展WhatFont
一款浏览器扩展，悬停即可识别网页所用字体，点击可查看字号、颜色等详细样式。
浏览器扩展PerfectPixel by WellDoneCode
在网页上叠加半透明设计稿，实时对比前端实现与设计稿的像素级差异。
ColorZilla
浏览器取色器扩展，支持吸管、调色板、CSS 渐变生成等，前端与设计师常用。
浏览器扩展Fonts Ninja
浏览器扩展，一键识别任意网页字体，支持试用、收藏与购买，准确率极高。
可访问性检查Accessibility Insights
微软开源的可访问性测试工具，提供浏览器扩展和 Windows 桌面版，快速发现并修复无障碍问题。
VisBug
Google 开源的浏览器设计调试扩展，可在任意网页上可视化编辑样式、拖拽元素、检查可访问性。
浏览器扩展Site Palette
浏览器扩展，一键提取任意网站的真实配色，支持导出到 Figma、Sketch 等工具。
浏览器扩展ColorPick Eyedropper
带放大预览的浏览器取色器扩展，可从网页或截图中精准吸取颜色值。
浏览器扩展Page Ruler Redux
一款浏览器扩展，用于测量网页元素的像素尺寸和位置，适合设计师和开发者。
浏览器扩展VisBug
开源浏览器设计调试工具，可在任意网页上直接点选、移动、编辑样式与内容，像操作画板一样改页面。
浏览器扩展Window Resizer
一款 Chrome 浏览器扩展，可快速调整浏览器窗口尺寸，模拟各种屏幕分辨率，方便测试响应式布局。
浏览器扩展WhatFont
浏览器扩展，悬停即可识别网页所用字体，并检测字体服务来源。
浏览器扩展VisBug
开源浏览器设计调试工具，像设计软件一样直接编辑网页样式、文字和图片，无需等待开发。
浏览器扩展Kontrast - WCAG Contrast Checker
一款 Chrome 扩展，实时检查并调整网页颜色对比度，帮助满足 WCAG 2.1 无障碍标准。
SVG Gobbler
开源浏览器扩展，可查找、编辑、优化并导出网页上的 SVG，支持转 React 组件。
浏览器扩展Tail Lens
浏览器中可视化检查和编辑 Tailwind CSS 类的 Chrome 扩展，支持实时预览、自动补全和间距参考线。
浏览器扩展Pixel Perfect Pro
浏览器扩展，可将设计稿叠加到网页上，逐像素比对还原度，支持多图层与标尺。
浏览器扩展Pesticide for Chrome
一款 Chrome 扩展，为页面每个 HTML 元素添加彩色描边，帮助开发者直观查看布局与元素位置。
浏览器扩展WCAG Contrast checker
Firefox 浏览器扩展，按 WCAG 2.2 标准检测网页前景与背景色的对比度是否合规。
CSS Variables Editor
浏览器扩展，用于实时编辑网页 CSS 变量颜色，支持 AI 生成调色板、无障碍对比度检查及 shadcn/ui、daisyUI 主题。
浏览器扩展Pesticide for Firefox
一款开源浏览器扩展，为网页元素添加彩色轮廓，快速定位 CSS 布局问题。
浏览器扩展Responsive Viewer
一款 Chrome 扩展，可在一个视图中同时展示多个屏幕尺寸，方便测试响应式网页。