CSS Variables Editor

designgui.io

浏览器扩展，用于实时管理 CSS 变量颜色，支持 AI 生成配色、无障碍对比度检测，兼容 shadcn/ui 和 daisyUI。

HTML/CSSTailwind浏览器网页

被推荐 1 次

适合做什么

适合前端开发者与设计师在真实代码环境中调试配色、检查对比度、快速生成调色板。

技术栈

平台

浏览器扩展

Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

chrome.google.com1 处推荐详情

浏览器扩展

浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

addons.mozilla.org1 处推荐详情

浏览器扩展

一款浏览器扩展，悬停即可识别网页所用字体，点击可查看字号、颜色等详细样式。

免费

chrome.google.com1 处推荐详情

浏览器扩展

在网页上叠加半透明设计稿，实时对比前端实现与设计稿的像素级差异。

免费+付费

chrome.google.com1 处推荐详情

配色工具

浏览器取色器扩展，支持吸管、调色板、CSS 渐变生成等，前端与设计师常用。

免费

colorzilla.com1 处推荐详情

浏览器扩展

浏览器扩展，一键识别任意网页字体，支持试用、收藏与购买，准确率极高。

免费

chrome.google.com1 处推荐详情