首頁 > 網際網路

Chrome取色器

2019-12-18 12:15:25

製作網頁的時候,經常需要使用第三方取色工具,獲取圖片或者其他背景顏色的編碼,此處介紹,Chrome瀏覽器自帶的取色器。不需要下載,離線也可以使用。

1

使用chrome瀏覽器,開啟想要取色的頁面


2

按F12,進入開發者模式,預設已經選擇了【Elements】、【Styles】頁籤


3

在【Styles】頁籤中,滑鼠放到任何一條樣式上,即可看到樣式右側多了三個向下的點號


4

滑鼠移動到這三個向下的點號上,會變成四個圖示選單,點選後面兩個的任何一個都可以進入取色模式


5

彈出取色工具時,預設進入取色模式,即類似吸管的圖示是選中的


6

在取色模式,將滑鼠移到網頁的任何地方,點選滑鼠,即可在取色工具中看到當前獲取到的顏色及編碼


7

如果不想取色,只想知道某個顏色的編碼,則可以在取色工具中選擇顏色,也可以顯示出具體的編碼



IT145.com E-mail:sddin#qq.com