大家好,我是小 G。
做过前端开发的同学应该都知道,在进行网站开发的时候,我们通常会使用 Chrome 自带的开发者工具来快速提取网页组件的颜色。
更简单的,我们还能使用微信自带的截图工具,来获取图片具体的 RGB 值,就像下面这样:
但是,如何快速从真实环境提取物品颜色呢?
打个比方,你买了个马克杯,觉得这杯子的整体色调很不错,想捕捉一下它的颜色,然后融入到自己的产品上。
这个时候,一般人通常会采取的方式,就是先给杯子拍一张照片,然后再把照片传到电脑上进行取色处理。
可这样的工作不免有些费时费力,作为一名工程师,我们应该采用更为直接且人性化的黑科技来处理。
今天在这里,小 G 给大家推荐一款实时取色神器:Color Copy Paste。
它能通过手机摄像头,直接捕捉到物品颜色,并将数值传给电脑。
下面放个演示视频,让你们感受下:
如果你现在正坐在电脑前,可以打开下面网址,选择「Web Browser」一项,快速体验。当然啦,如果你电脑有安装 Figma 或 Sketch,也可以用其它两种方式试玩:
https://colorcopypaste.app/
怎么样?用上这款工具后,是不是觉得这个取色操作方便很多了。
这款工具的作者,是来自新加坡的一位小哥 Sonny Lazuardi,平时热衷于折腾一些比较实用的设计工具、插件及产品。
最后,附上这款设计工具的 GitHub 地址,感兴趣的同学不妨去 Star 一下:
https://github.com/sonnylazuardi/color-copy-paste