在OS X中切图时获取颜色的方式……

林小志

那个啥,作为一名切图仔,很多时候是要获取设计稿上的某个点的颜色值,如果设计师并没有标注这个颜色值。然后切图仔也偶尔也要装逼用一下OS X这类好像很高端的设备,但是在OS X里又没有像windows系统的那个FastStone Capture一样的好用的东西(理论上应该有,只是我不知道而已……)

其实这篇文章没什么营养,只是我觉得不应该一直空着,偶尔写一点什么东西刷刷存在感……

photoshop中的吸管取色

玩过PS的同学肯定都知道在PS里有取色的功能,然后就可以获取某个点的颜色。如果图片小的话,可以放大图片来取色,就像这样……某个点的颜色就获取到了……

photoshop中的吸管取色

但是有时候为了一个颜色值打开photoshop是不是会觉得太折腾了呢?

数码测色计

那么在OS X中有一个叫数码测色计的东西,具体在什么地方我不知道,我只是用alfred输入了co就出来了……就像这样……

打开数码测色计

打开后就可以对屏幕上的某个点取色了……那么只要打开设计稿的JPG文件就可以了。

数码测色计取色

OS X的颜色管理器色盘取色

不知道这个东西是不是叫颜色管理器,目前暂时这么叫吧。这玩意我还是不知道打开的位置是在哪里,同样我还是通过alfred打开的,并且这次打开这个是通过alfred中的workflows里的一个叫color的颜色插件打开。

alfred的color插件

安装了这个之后,只要输入#就有了……

通过color插件打开color picker

打开之后就可以开始取色了……

color picker 取色

最终获取的颜色值会反馈到alred

在alfred显示最终的颜色值

注:要开启workflows是收费的……

chrome的开发者工具取色

chrome现在越来越符合前端开发者的口味了,就连取色都帮我们考虑到了。通过chrome打开某张图片后,然后开启那个开发者工具command+alt+i,然后随便输入一个颜色,点击那个小色块就可以了。

chrome打开色盘

然后开始取色了……移动chrome窗体内的某个点(一定是要在chrome中的),接下来你就可以获取到颜色了……

chrome获取颜色值

最后

就是这么简单这么方便,获取这些颜色的时候,还都是有放大镜的,直接可以获取到某个像素点的颜色值,不得不赞啊。根本不需要去考虑其他软件了,自带的全部都解决了,也不用为了一个颜色去打开庞大的photoshop

最后祝各位切图开心……开心切图……我继续切图去了……

阅读 3.7k

“查宿舍”……How To Make Love……
现在博客变专栏了……感觉专栏好像要写很专业的连载的感觉……好怕怕……写的都是很随意的东西,那就选择“转载...
avatar
林小志
《CSS那些事儿》作者、前端开发工程师
3.8k 声望
1.6k 粉丝
0 条评论
avatar
林小志
《CSS那些事儿》作者、前端开发工程师
3.8k 声望
1.6k 粉丝
文章目录
宣传栏