Site Palette

chrome.google.com

浏览器扩展，一键提取任意网站的真实配色，支持导出到 Figma、Sketch 等工具。

免费+付费浏览器Figma

被推荐 1 次

适合做什么

适合设计师和前端开发者做竞品配色分析、品牌色提取、设计系统配色参考。

授权

平台

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗

Site Palette A must-have tool for designers and frontend developers to grab colors for any website.

浏览器扩展

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

免费

chrome.google.com1 处推荐详情

浏览器扩展

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

免费

addons.mozilla.org1 处推荐详情

浏览器扩展

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

免费

chrome.google.com1 处推荐详情

浏览器扩展

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

免费+付费

chrome.google.com1 处推荐详情

配色工具

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

免费

colorzilla.com1 处推荐详情

浏览器扩展

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

免费

chrome.google.com1 处推荐详情