建筑学院
全球建筑项目案例库与建筑设计教程平台，助力建筑师学习与灵感创作。
核心功能
- 一键提取色板：从任意网页自动抓取主色、辅色、背景色和文字色
- 实时预览：提取后直接显示色板，支持HEX、RGB、HSL三种格式
- 颜色分析：自动识别色彩对比度、明度分布，辅助无障碍设计
技术特性
| 功能模块 | 具体能力 |
|---|---|
| 提取算法 | 基于DOM解析+CSS计算，覆盖所有渲染元素 |
| 格式支持 | HEX / RGB / HSL / 十六进制缩写 |
| 导出方式 | 复制到剪贴板 / 下载JSON / 导入Figma |
| 兼容性 | Chrome 88+ / Firefox 90+ / Edge 90+ |
使用场景
- 前端开发：快速获取竞品网站的配色方案，用于风格参考
- UI设计：从灵感网站提取色板，导入Figma/Sketch继续编辑
- 品牌研究：分析竞品色彩策略，用于品牌调性对比
- 无障碍检查：通过对比度数据判断配色是否符合WCAG 2.1标准
安装与使用
- 访问Chrome Web Store或Firefox Add-ons搜索”Site Palette”
- 安装后点击浏览器工具栏图标
- 页面自动分析并弹出色板面板
- 点击颜色块复制代码，或一键导出全部色板
优势对比
- 免费无限制：无使用次数限制，无付费墙
- 零配置：安装即用，无注册登录流程
- 轻量化：扩展包体仅1.2MB，不拖慢浏览器
- 隐私安全：所有分析在本地完成，不上传页面数据
注意事项
- 动态内容页面（如React/Vue SPA）需等待DOM完全加载后使用
- 部分深色模式网站需手动切换主题后重新提取
- 不支持Flash或Canvas渲染的纯图形页面
数据统计
数据评估
关于Site Palette特别声明
本站小宇宙导航提供的Site Palette都来源于网络，不保证外部链接的准确性和完整性，同时，对于该外部链接的指向，不由小宇宙导航实际控制，在2026年7月5日 下午4:34收录时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除，小宇宙导航不承担任何责任。
相关导航
more.graphics
从单一来源快速创建图形、社交媒体帖子和数字内容，保持一致的营销和设计风格。
字魂网
提供商用字体下载、授权、定制及免费字体服务的字体网站。
图司机
在线海报模板设计与图片编辑工具，提供海量免费设计素材和模板。
第一字体网
提供字体转换、艺术字体生成与字体下载服务，支持多种书法及POP字体。
图帮主
在线自助设计系统，提供海量模板和素材，快速制作海报、图片等视觉内容。
SciDraw
免费高质量科学插图，CC-BY许可，附DOI。
Qurb
Web-based free mockup generator for iPhone, iPad, Galaxy Note, and Macbook.
