谷歌浏览器拾色器用法

2019-6-6 15:42| 作者: admin| 查看: 1920| 评论: 0|来自: 蚂蚁部落

如果用过PS,那么对拾色器肯定不会陌生,可以非常方便的获取图片指定位置颜色值。

事实上在网页中也有类似的需求,幸运的是谷歌浏览器提供了拾色器功能。

此功能不仅限于拾色器,也可以自行调配颜色值,下面对其做一下介绍。

一.打开拾色器:

(1).点击F12或者其他方式打开谷歌开发者工具:

在谷歌开发者工具定位于Elements选项卡:

a:3:{s:3:\"pic\";s:43:\"portal/201906/06/154331xh2587kif7bi2hy4.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

左侧定位到Styles选项卡:

a:3:{s:3:\"pic\";s:43:\"portal/201906/06/154350mqzud57qqdaxlqr7.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

鼠标悬浮于图片CSS代码之上,会在右下角弹出竖排的三个点:

a:3:{s:3:\"pic\";s:43:\"portal/201906/06/154413b787tnb5hmndmhpo.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

鼠标悬浮于上述按钮,可以弹出一排功能按钮:

a:3:{s:3:\"pic\";s:43:\"portal/201906/06/154432y40scrjkoce0sese.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

点击上述红框中的按钮即可弹出拾色器功能:

a:3:{s:3:\"pic\";s:43:\"portal/201906/06/154456qpcenemdp46pnsyy.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

二.拾色器取色:

在弹出的拾色器层中,点击中部靠左的吸管按钮,然后将鼠标移动到指定位置取色。

可以看到这个拾色器不但可以通过吸管取色,也可以自己调配颜色,非常具有实用价值。

a:3:{s:3:\"pic\";s:43:\"portal/201906/06/154557mtiuhdq3434lggqg.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

非常简单的操作,不再做过多的介绍。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部