用于生成综合调色板的浏览器扩展。设计师和前端开发人员必备的工具。免费配色方案提取
插件简介
生成调色板的免费浏览器扩展。设计师和前端开发人员必备的工具。抓取任何网站的颜色。
插件功能介绍
- 提供免费的站点调色板 API!
- 支持多个调色板生成器
- 创建了可共享的链接
- 预览调色板图像可供下载
- 下载自动生成的草图模板
- 添加了 Adobe Swatch 支持
- 在coolors.co 上玩调色板(我们与他们无关)
- 在 Google Art Palette 微调调色板
- 添加了打印样式:打印出调色板或将调色板保存到 PDF
插件使用方法
1、Site Palette插件安装成功后会在右上角出现一个Site Palette 按钮,当要获取页面配色时只要点击该图示就会自动产生色彩资讯页面。
2、用户可以打开一个页面后,点击Site Palette 产生的色彩资讯页面,包括左边有一张网页截图,右边则是主要色彩部分,会有颜色预览、色码和色彩名称等资讯
3、只需要点击你要的色块,就可以轻松复制其颜色代码
4、另一个比较实用的功能就是Share This Palette。可产生分享链接,因为chrome插件在产生色彩资讯时是直接显示于浏览器中,如果要分享给其他人,必须产生链接才形,产生后就能复制底下网址让其他人看到一样的画面
5、Site Palette 可将看到的色码快速汇出为 Sketch 或 Adobe 适用的格式,只要点选下方对应按钮即可,除此之外,也能把颜色丢进 Google Palette 和 Coolors 服务来创造更多可能性
插件安装
方法一:.crx文件格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。
5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。
方法二:文件夹格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决

扫码关注公众号,发【识别码】获取