Site Palette是一款简单好用的浏览器拓展插件,利用3D模型将相似颜色进行聚类,并按体积排序,为每块颜色返回基色,结合语义颜色提取API,获取网站的和谐调色板,帮助用户准确提取网页颜色。有兴趣的朋友快来下载体验吧!
对于前端开发者来说,网页的色彩是个比较纠结的难题,有时候会发现别人网站的色彩很好看,但是自己怎么调都不对。
这时候有经验的程序员会用一行代码将浏览器变成网页编辑器,直接从网页中修改内容,在开发网站测试时会省时省事很多。
那么有没有什么方法让不懂程序的设计师也能使用这个功能。
Site Palette的功能很简单,从网站获取该页面的基本颜色配色,一键产生完整调色盘,是设计师和前端开发人员必备工具。
尤其是经常碰到色彩问题,或是喜欢从其他网站来获得色彩灵感,Site Palette 会相当有帮助。
不仅如此,Site Palette还能将色彩页面分享给好友,以及汇出完整色彩模版,可快速输入你惯用的编辑器,包括 Sketch 或 Adobe Swatch。
1、中位数
在3D模型中将相似的颜色聚类,按体积对其进行排序,并为每个块返回基色
2、材料设计
基于Android SDK中的Palette类
3、色块
建立3D直方图网格,搜索点击数的局部最大值
1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择工具选项,然后点击扩展程序来启动Chrome浏览器的扩展管理器页面
2、进入扩展程序页面后将开发者模式打勾
3、找到自己已经下载好的Chrome离线安装文件“pekhihjiehdafocefoimckjpbkegknoh.crx”,然后将其从资源管理器中拖动到Chrome的扩展管理界面中
4、松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示
5、这时候用户会发现在扩展管理器的中央部分中会多出一个拖动以安装的插件按钮,点击添加扩展程序
6、用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角
7、如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件,点击在文件夹中显示,双击“pekhihjiehdafocefoimckjpbkegknoh.crx”
8、点击添加即可
9、如图软件可以放心使用了
1、让我们随便打开一个网站,只需要点击一下插件图标,Site Palette插件便能帮你获取该网站的配色方案
2、可以看到,插件帮助我们生成了三种不同的取色模式
3、只要点击一下色块,便能轻松复制色值