您在瀏覽網頁時是否注意到特定的顏色？或者您是否需要在設計中使用特定的色調來保持一切一致？這是獲取屏幕上任何像素的 RGB 或 HEX 代碼的方法。
確定屏幕上顏色的 RGB 或 HEX 值
識別屏幕上的 RGB 或 HEX 顏色值不需要專家的眼睛或昂貴的工具。在 PC 上，有幾種簡單的方法可以獲取顏色代碼。
使用電腦應用程序
從屏幕上獲取任何顏色的第一種方法是使用計算機應用程序。此應用程序可能已安裝在您的計算機上。
適用於 Windows 的即時滴管
如果您需要經常獲取顏色代碼，手頭有一個簡單的工具將使您的生活更輕鬆。Instant Eyedropper 目前是一個專門用於 Windows 的免費應用程序。
安裝後，您將能夠從系統托盤訪問它。只需在您選擇的顏色上按住鼠標左鍵，然後鬆開它。該應用程序將立即將顏色代碼複製到剪貼板，您可以將其粘貼到任何程序中。Instant Dropper適用於 Windows XP-10。
Mac 數字色度計
Digital Color Meter 是預裝在 Mac 設備上的類似工具。打開應用程序文件夾並查找實用程序。數字色度計工具應該就在那裡。
通過啟動此應用程序，您的光標將變成一個吸管，您可以使用它從屏幕上拾取任何顏色。該應用程序將默認顯示 RGB 值。您可以復制它們並稍後轉換為 HEX，或者調整設置以獲得您想要的確切顏色。
SIP for Mac
如果您需要更高級的工具，可以查看適用於 Mac 的 SIP。SIP 不僅僅是一個顏色選擇器。它還提供了許多任何網頁設計師都會喜歡的高級功能。您可以輕鬆地編輯您的顏色，將它們組織到調色板中，並更改它們的格式以滿足您的需要。
不幸的是， SIP不是免費工具，但他們確實提供免費試用。您可以嘗試一下，看看這些額外的功能是否物有所值。
這些桌面應用程序的優點是它們幾乎可以從屏幕的任何部分捕獲顏色。下面的瀏覽器工具只能在網頁內執行此操作。當然，您可以通過上傳照片或屏幕截圖以在瀏覽器中查看來繞過此限制。
使用您的瀏覽器
獲得 RGB 或 HEX 代碼顏色的下一個簡單方法是簡單地使用瀏覽器的內置工具。您將只能從現有網頁中選擇顏色，但您可以同時使用 Firefox 和 Chrome。
在這裡可以找到 Firefox 顏色選擇器：
- 啟動 Firefox 並打開要提取顏色代碼的網站。
- 單擊右上角的瀏覽器菜單（三個水平線）。
- 在選項中找到 Web Developer Tools。它可能位於“其他工具”部分。
- 將在頁面底部打開一個窗口。找到吸管圖標，您將能夠一鍵複製顏色代碼。
Chrome 中的步驟類似：
- 啟動 Chrome 並打開所需的網站。
- 點擊右上角的菜單（三個垂直點），在“更多工具”下找到“開發者工具”。
- 頁面右側將打開一個窗口。在第二部分中找到並單擊“樣式”。
- 在“body”下，你會看到一堆彩色的矩形。單擊其中任何一個以激活顏色選擇器。
建議。您還可以通過右鍵單擊任何頁面並選擇“檢查”在兩個瀏覽器中打開開發人員工具。
使用瀏覽器擴展
除了開發者工具，您還可以使用方便的瀏覽器擴展來選擇網頁上的任何顏色。查看以下擴展，它們都可以完成工作：
使用網站
您不一定需要應用程序或擴展程序來確定顏色的 RGB 或 HEX 代碼。如果您有想要從中獲取顏色的特定圖像，您也可以使用該網站。無數網站讓您上傳照片、提取顏色代碼，甚至創建和諧的調色板。
PineTools 圖像顏色選擇器
在PineTools網站上找到圖像顏色選擇器並上傳您的圖像。如有必要，放大以找到您要捕獲的像素。一鍵獲取RGB值和十六進制碼。
選擇圖像顏色
除了上傳圖片之外，Image Color Picker網站還提供了其他幾個選項。單擊“使用您的圖像”並選擇要導入圖像的位置。您可以單擊圖像的任何部分以選擇特定顏色，但該網站還提供基於圖像的調色板。
圖像顏色搜索
除了作為一個簡單的顏色選擇器，圖像顏色查找器還可以作為一個創意工具。您可以對上傳的圖像進行像素化以更好地查看其顏色，並根據需要將其放大。該網站還會自動建議幾種顏色。
截圖
最後，您可以在沒有上述所有工具的情況下確定顏色代碼。相反，您將截取屏幕截圖並從中選擇一種顏色。
- 確保您要選擇的顏色在屏幕上可見。
- 在 Windows 上按下鍵盤上的 Print Screen 按鈕（PrntScr、PrtScn 等），或在 Mac 上同時按住“Shift + Command + 3”來截取屏幕截圖。您的屏幕截圖將自動複製到剪貼板。提示：您也可以只截取部分屏幕。在 Windows 上，從“開始”菜單打開“截圖工具”。在 Mac 上，使用鍵盤快捷鍵“Shift + Command + 4”。
- 打開 MS Paint（或任何其他成像應用程序）並粘貼屏幕截圖。
- 找到吸管工具並選擇一種顏色。
- 單擊 MS Paint 中調色板旁邊的“編輯顏色”。在滑塊下方，您會看到當前顏色的 RGB 值。要將這些數字轉換為十六進制代碼，您需要網站的幫助。
- 轉到RGB 到 HEX並在相應字段中輸入值。
- 單擊“轉換為十六進制”，您將獲得您的代碼。
其他常見問題解答
RGB 和 HEX 有什麼區別？我需要什麼？
RGB 和 HEX 代碼表示相同的顏色。但是，您需要的代碼取決於其預期用途。RGB 代碼告訴您的屏幕要發出多少紅、綠和藍光才能產生所需的顏色。十六進制代碼傳達相同的信息，但使用編碼語言。
設計師或開發人員很可能需要彩色 HEX 代碼。
如何確定移動設備上的顏色？
要在移動設備的屏幕上選擇顏色，您可以下載應用程序或使用上述網站之一。標記工具還有一個適用於 iOS 的顏色選擇器。它還可以為您提供顏色的十六進制代碼。
只需單擊一下即可獲得您看到的任何顏色
使用 RGB 或 HEX 顏色代碼確保不會出錯。使用這些通用顏色語言，您可以使您的設計與相同的色調保持一致。由於有多種方法可以提取屏幕上的顏色代碼，您只需要找到最簡單的方法即可。
你更喜歡哪個顏色選擇器？還是您有其他可靠的方法可以添加？請在下面告訴我們。
發佈留言