潮国创意
提供正版商用3D图片素材、电商设计海报、节日节气模板等创意资源的网站。
核心功能
- 一键提取色板：从任意网页自动抓取主色、辅色、背景色和文字色
- 实时预览：提取后直接显示色板，支持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收录时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除，小宇宙导航不承担任何责任。
相关导航
小Q办公网
提供简历、PPT、Word、Excel等优质办公模板素材下载
Tabler Icons
6150+ free customizable SVG icons for web design, available in multiple formats.
90设计网
专注电商设计的淘宝素材库，提供PNG素材、背景图免费下载，助力电商设计师高效找灵感。
Ikonate
Customisable, accessible SVG icons for design and development.
IRA Design
Build your own amazing illustrations with a free illustration toolkit.
致设计
百万设计师交流平台，展示电商原创设计作品与教程。
ByteDance IconPark
字节跳动出品的开源图标库，提供海量高质量图标与在线管理工具。
