谷歌瀏覽器拾色器用法

admin發表於2019-06-06
谷歌瀏覽器

如果用過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;}

非常簡單的操作，不再做過多的介紹。

相關文章