不论是平面、网站或是动画设计师,有时候参考一些不错范例时,都会想要试试看它所使用的色彩,而一般情况都是利用 Photoshop 软件,或是之前曾推荐的 ColorZilla Chrome 扩充外挂,来查出颜色代码。如果你是用 macOS,这篇要介绍的“vaunt”就是另一个让你更方便的免费软件工具,只要把图丢进去,自动帮你分析图片内所使用的色彩,还能切换成你所需的代码,像是 CSS、Android、Java、还是 NSColor 等等都有。
vaunt 并没有在 App Store 上架,因此需要自行到官网下载,网址如下:http://vaunt.io/?ref=producthunt,页面往下滑就会找到 Download for Mac 的功能键。
下载解压缩后,可直接打开使用,不须再安装。下图的讯息是提醒你这工具是从网络上下载,不是 App Store,不用理它直接按下 Open 即可。
右上角出现类似火堆的图示,就是 vaunt 工具,点开后即可把你要分析的图片丢到“Drag & drop on image here”中
分析方式是透过 clustering algorithm 聚类算法,速度相当快,不到一秒就完成,分析出的颜色都会列在下方。
颜色比较复杂可能会列出好几页。
而最上方可以切换你想要获取的颜色代码,有 Android、CGColor、CSS、Java、.Net、NSColor、Swift、UIColor,相当丰富。
决定完后,直接点选该颜色色块,等右上角出现 Copied 讯息后,颜色代码就会自动复制到你的剪贴簿,贴上能看见!使用非常方便。
补充资料
vaunt 官网网址:http://vaunt.io/?ref=producthunt