如何識別應用程序或網站上的特定顏色

想像一下，您正在滾動瀏覽圖像並找到完美的顏色——您下一個設計項目所需的準確色調。互聯網上有一些很棒的工具可以幫助您識別任何應用程序或網站上的特定顏色。讓我們來看看它們的一些最佳選擇。

1. 在 Chrome 網絡瀏覽器上使用開發者工具

您可以嘗試的一種選擇是 Chrome 開發人員工具。Chrome 為開發人員提供了許多有用的功能，使任務更容易完成。您可以使用以下步驟來識別任何應用程序或網站上的特定顏色。

• 在 Chrome 網絡瀏覽器上打開要識別顏色的網站
• 單擊 Chrome 右上角的三點圖標。將出現一個帶有一堆選項的彈出窗口。
• 單擊“更多工具”，然後從結果彈出窗口中選擇“開發人員工具”。
• 如果您想跳過上述步驟，請使用 Ctrl + Shift + I
• 現在，窗口分為兩個屏幕——左邊的網站和右邊的網站代碼
• 在鍵盤上輸入 Ctrl + Shift + C。當我們將鼠標光標懸停在元素上時，這會向您顯示網站上特定元素的所有詳細信息。
• 您可以找到元素的顏色代碼以及其他有用的信息。

例子

假設您對以下網站上某些元素的特定顏色代碼感興趣：

您可以通過單擊屏幕角落的三個點來選擇開發人員工具。在下拉菜單中，選擇更多工具，然後選擇開發人員工具。

屏幕將在視覺上分為兩頁。您將在左側看到網站，在右側看到網站代碼。

鍵入命令和快捷鍵“Ctrl + Shift + C”，然後將鼠標光標懸停在網站元素上。這將顯示該元素的顏色以及其他有用的信息。以下是我們在搜索工具下方找到導航欄顏色和儀表板的兩個示例。

在這裡，我們可以在導航欄的彈出窗口中找到顏色代碼。顏色代碼是#333333。

可以找到儀表板的顏色以及其他有用的詳細信息。顏色：#333333，背景顏色：#5D4A8E。雖然一開始看起來有點嚇人，但通過一些練習，該程序變​​得更容易使用。

2.滴管Chrome擴展

Eye Dropper 是一種流行且廣泛使用的 Chrome 擴展程序，可幫助您在任何網站或應用程序上查找特定顏色。

按照以下步驟使用滴管擴展工具識別網站或應用程序上的特定顏色。

• 在 Chrome 網絡瀏覽器上打開任何網站或應用
• 單擊滴管擴展圖標
• 選擇“從網頁中選擇顏色”並將鼠標光標懸停在應用程序或網站上的不同元素上。

您可以在網頁右下角找到列出的元素的顏色代碼。

例子

好的，讓我們在一個真實的例子中使用吸管擴展工具。我們將首先打開一個網站並點擊滴管擴展圖標

當您將光標懸停在網站的各個元素上時，您可以看到顏色代碼出現在屏幕右下角的部分中。

當我將光標懸停在 V 形圖標上時，我可以在底部窗口看到它的顏色代碼，如上所述。此工具的優點是您還可以找到 RGB 代碼以及元素的十六進制顏色代碼。該方法非常靈活，適用於那些想要一種簡單快捷的方式來獲取他們喜歡的顏色代碼的人。