Firefox：如何識別網頁中的特定顏色

如果您是設計師，您可能會關注您使用的事物的設計，尋找您想要採用的靈感或想法。網站也不例外，網站設計的關鍵部分之一是顏色的使用。如果您發現一個網站的顏色適合您正在從事或考慮的項目，那麼您可能想弄清楚它到底是什麼顏色。雖然您可以截取屏幕截圖，然後在圖像編輯器中打開它，然後查看 RGB 值，但此過程很慢。Firefox 實際上內置了一個顏色選擇器工具，因此您可以節省自己的時間並獲取網絡上使用的十六進制 HTML 顏色格式的確切值。

如何使用顏色選擇器

Firefox 的顏色選擇器可以在開發者工具欄中找到。要訪問它，請單擊右上角的漢堡菜單圖標，然後單擊位於底部第四個的“Web Developer”。

單擊右上角的漢堡菜單圖標，然後單擊“Web Developer”。

在 Web 開發人員工具列表中，單擊“吸管”，吸管工具將打開。

提示：滴管工具不能跨選項卡或窗口移動，因此請確保在要使用它的選項卡中打開它。您也將無法滾動頁面，因此請確保您在頁面上的正確位置。雖然您可以在技術上放大和縮小，但這會導致顏色選擇器的居中中斷，使其更難以準確使用。

在 Web 開發人員工具列表中，選擇“吸管”。

吸管工具將跟隨您的鼠標在窗口中移動，因此將中心突出顯示的方塊移動到您要選擇的顏色上。縮放級別足夠精確，可以讓您輕鬆查看和選擇特定像素的顏色。

像素的 HTML 顏色代碼顯示在縮放工具下方的小框中，但如果您單擊喜歡的顏色，也會將其複製到剪貼板。請注意，單擊將關閉顏色選擇器，如果您想選擇多種顏色，則強制您再次重新打開它。

將鼠標移到您喜歡顏色的特定像素上，然後記下 HTML 顏色代碼或單擊將其複製到剪貼板。