Site Palette

Site Palette（palette.site）是面向UI设计师、前端开发者的专业网页配色提取工具，以浏览器扩展程序为核心载体，可一键抓取任意网页完整色彩体系，内置多套智能取色算法，支持多格式色板导出、云端收藏与团队分享，兼容Chrome、Edge、Opera等主流浏览器，同时配套Figma官方插件打通设计工作流，是竞品配色分析、视觉灵感采集的高效工具。

平台核心四大能力：多算法智能网页取色、全平台设计软件导出、配色云端管理与分享、第三方色彩工具联动；页面色彩解析全程本地运算，数据安全不泄露，单次抓取同时输出3套差异化色板，一键复制HEX色值，可无缝对接Figma、Sketch、Adobe全系设计软件，适配网页复刻、品牌配色调研、界面设计参考场景。

一、多算法智能网页色彩提取核心功能

1. 三种专业取色算法，分层输出色板

• Color Cube（色彩立方体）：构建3D色彩直方图，提取页面高频大面积主色，适合还原网页整体视觉基调；
• Median Cut（中位切割）：三维聚类相似色彩，按页面占比排序，精准区分主色、辅助色、点缀色；
• Material Design（谷歌材料规范）：基于Android官方调色算法输出标准化界面色板，适配移动端UI设计；

打开任意网页，点击浏览器插件图标即可自动生成三套独立成套色板，每套附带完整十六进制色号，点击色块一键复制色码。

2. 局部视窗精准提取

支持仅截取浏览器可视区域色彩，无需分析整站冗余颜色，针对页面Banner、卡片、弹窗等局部视觉单独提取配色，满足精细化灵感采集需求。

二、全链路设计软件导出兼容体系

1. 主流设计工具一键导出

色板支持多格式离线导出：Sketch模板、Adobe色板（ASE）、Figma兼容SVG矢量色卡，无需手动复制色号，直接导入软件生成全局色彩变量；配套专属Figma插件，云端收藏配色可一键同步为Figma本地设计令牌，适配组件库、主题系统搭建。

2. 前端开发配套输出

可联动Coolors、Google Art Palette在线二次调色，导出SCSS、CSS色值代码，直接用于网页样式开发，减少前端配色换算工作量。

三、云端配色管理与协作分享

1. 个人色板历史库

登录账号后所有提取的配色自动存入「My Palettes」云端历史，按网站域名分类归档，跨浏览器、跨设备同步，随时回溯往期竞品配色方案。

2. 专属链接分享协作

每套色板生成独立可分享链接，发送给同事、客户即可在线预览完整配色，支持团队共同标注、二次微调，省去截图传图沟通成本。

四、浏览器兼容与使用流程

1. 全主流浏览器适配

插件上架Chrome应用商店，同步兼容Microsoft Edge、Brave、Opera Chromium内核浏览器，Safari暂不支持；官网palette.site提供插件下载入口与功能教程。

2. 极简三步操作流程

1. 官网下载安装浏览器扩展；
2. 打开目标参考网页，点击工具栏四色块插件图标；
3. 自动生成多套色板，复制色值、导出文件或添加云端收藏。

五、收费模式与适配人群

1. 付费订阅方案

新用户赠送24小时全功能免费试用；付费分为年付订阅（2.5美元/月）、终身买断（99美元一次性付费），解锁无限色板存储、全格式导出、Figma插件同步全部高阶功能。

2. 精准适配人群

UI/UX设计师：竞品网站配色调研、移动端界面色彩规范提取；
前端开发：快速复刻网页配色，一键导出CSS/SCSS变量；
品牌视觉设计师：采集优秀网页品牌色，用于LOGO、宣传物料配色参考；
学生/设计爱好者：低成本收集海量网页色彩灵感素材。

六、平台核心适配优势

1. 算法差异化：区别单一吸管取色工具，一次性输出三套逻辑完整色板，自动区分主次色彩；
2. 设计生态打通：原生支持Figma/Sketch/Adobe全主流工具，从灵感采集直达设计稿；
3. 本地安全运算：色彩解析仅在浏览器本地完成，不上传网页原图数据，隐私安全；
4. 轻量化无广告：插件与官网界面简洁干净，无弹窗推广，操作响应速度快；
5. 云端长效归档：海量配色方案永久云端存储，按网站分类便于长期竞品分析。

Site Palette依托多算法网页取色引擎、全设计软件导出能力与云端配色管理体系，一站式解决设计师、前端开发者采集、归档、复用网页配色的需求，是网页视觉调研、UI配色灵感采集专用专业浏览器工具。