如何用瀏覽器採集顏色獲取多種顏色代碼?

介紹如何用瀏覽器打開本地計算機上的圖片,用瀏覽器自帶的吸取工具提取顏色獲取代碼,這方法同樣合適提取任何網頁上的圖片文字還有背景和瀏覽器裡的所有顏色都可以轉換成顏色代碼,最後再介紹一下RGB顏色轉換方法。

工具/原料

瀏覽器自帶的顏色拾取識別器,也叫調色板,顏色取樣工具

吸取圖片顏色獲取代碼

選擇要採樣的圖片用瀏覽器打開,將鼠標箭頭移到圖片上右擊選擇打開方式選擇瀏覽器,沒有瀏覽器圖標的先到默認程序進行設置。

如何用瀏覽器採集顏色獲取多種顏色代碼

默認程序設置。不要勾選始終使用選擇,點擊瀏覽,在桌面選擇瀏覽器點擊打開。

如何用瀏覽器採集顏色獲取多種顏色代碼

如何用瀏覽器採集顏色獲取多種顏色代碼

打開圖片後在瀏覽器裡鼠標>>右擊>>查看元素,點擊標籤就可以找到顏色代碼

如何用瀏覽器採集顏色獲取多種顏色代碼

如沒有找到。也可以在規則樣式{}裡輸入一個顏色代碼如color: #000;

如何用瀏覽器採集顏色獲取多種顏色代碼

這一步在小方框去勾,再單擊代碼上的顏色打開編輯器(調色板)選擇吸取工具,

如何用瀏覽器採集顏色獲取多種顏色代碼

點擊吸取工具移動到取樣處在單擊一下對圖片進行十六進制顏色碼查詢取樣。

如何用瀏覽器採集顏色獲取多種顏色代碼

最後單擊顏色代碼複製或者按快捷鍵Ctrl+C完成複製。

如何用瀏覽器採集顏色獲取多種顏色代碼

採取網頁上的顏色代碼

打開任意網站右擊查看元素,點擊箭頭有些瀏覽器是放大鏡標誌從頁面獲取一個元素隨便去取個字單擊,在規則樣式中找到一個顏色代碼。後面其他步驟同上4.5.6.7可以提取瀏覽器中的任何部位

如何用瀏覽器採集顏色獲取多種顏色代碼

瀏覽器的內容會因採樣改變,當我在原顏色代碼打開吸取工具採集白色代碼的時候內容就發生了改變。

如何用瀏覽器採集顏色獲取多種顏色代碼

解決的辦法,複製好代碼後按F5刷新恢復正常,也可以加一個顏色代碼然後點擊去掉前面的小勾在取樣就不會有任何改變了

如何用瀏覽器採集顏色獲取多種顏色代碼

RGB顏色轉換方法

也可以用瀏覽器顏色拾取識別器將RGB顏色查詢對照表十六進制顏色值轉換(不同瀏覽器顏色拾取識別器有不同功能)

如何用瀏覽器採集顏色獲取多種顏色代碼

用瀏覽器自帶的顏色代碼調色工具將顏色轉換為HEX和RGB還有HSL三類格式顏色代碼,下面是轉換的對照表,大家可以看下的效果

如何用瀏覽器採集顏色獲取多種顏色代碼

注意事項

吸取工具只能採集瀏覽器裡的內容本地圖片要用瀏覽器打開

瀏覽器的內容發生改變不必擔心,只要刷新恢復正常

相關問題答案