HEX 顏色拾色器
HEX 使用 6 位十六進位數字表示顏色，例如 #5b25d5，廣泛用於 CSS 和設計軟體。
線上拾色器 - 圖片取色與螢幕取色
免費線上拾色器，支援從圖片或螢幕擷取精確顏色。上傳、貼上或拖曳圖片，即可取得 HEX、RGB、RGBA 和 HSL 顏色值。
將圖片拖曳到這裡
上傳圖片、拖曳到此區域，或從剪貼簿貼上截圖。
支援 PNG、JPG、GIF、WebP 以及瀏覽器支援的其他圖片格式
顏色值
目前顏色
HEX
#5b25d5RGB
rgb(91, 37, 213)RGBA
rgba(91, 37, 213, 1)HSL
hsl(258, 70%, 49%)圖片在瀏覽器本機處理，不會上傳到伺服器。
色卡
目前選取的顏色顯示在上方，點擊鉛筆可以編輯顏色或開啟螢幕取色器。
#5b25d5階梯色卡
選擇目前顏色的更深或更淺色階。
線上圖片拾色器
使用這個取色器可以從照片、截圖、設計稿或任意圖片中識別顏色。點擊準確像素即可取得可直接使用的 CSS 顏色代碼；瀏覽器支援時還可以使用螢幕取色。
從任意圖片取色上傳、拖曳或貼上圖片，然後取樣需要的準確像素。
螢幕取色器瀏覽器支援時，使用原生 EyeDropper API 從螢幕任意位置取色。
常用顏色格式取得適用於 CSS 和設計工具的 HEX、RGB、RGBA 與 HSL 值。
隱私安全，本機處理圖片留在瀏覽器中處理，不需上傳圖片，也不需註冊帳號。
拾色器使用方法
1
選擇取色方式
輸入 HEX、直接選擇顏色，或在瀏覽器支援時使用螢幕取色。
2
上傳圖片
選擇圖片、將圖片拖曳到上傳區域，或從剪貼簿貼上截圖。
3
點擊像素
在圖片中點擊或觸摸想要檢查的準確位置。
4
複製顏色值
複製 HEX、RGB、RGBA 或 HSL 值，並用於 CSS 或設計專案。
什麼是圖片取色器？
圖片取色器也叫拾色器、吸管工具或顏色取樣器，可以讀取圖片中特定像素的顏色。當你需要配對網站、Logo、照片、截圖或 UI 設計的顏色時，它非常實用。本線上取色器會將像素轉換為常見的 HEX、RGB、RGBA 和 HSL 顏色代碼。
HEX、RGB、RGBA 與 HSL 顏色代碼
不同的設計和開發工具會使用不同的顏色格式。拾色器會同時展示同一像素的多種格式，方便複製專案需要的顏色值。
RGB 與 RGBA
RGB 表示紅、綠、藍三個通道的數值；RGBA 額外包含透明度，適合有疊加效果的設計。
HSL 顏色值
HSL 使用色相、飽和度和亮度表示顏色，調整配色方案時更加直觀。
拾色器的常見使用情境
網頁設計
從截圖中配對品牌顏色，並將其用於 CSS 變數、按鈕或背景。
平面設計
從照片、插畫和靈感板中取樣顏色，建立統一的調色板。
UI 開發
檢查設計稿或現有介面的顏色，並在元件庫中還原準確顏色。
無障礙檢查
複製前景色和背景色到對比度檢查器，檢查文字可讀性。
拾色器常見問題
如何從圖片中取色？
將圖片上傳、拖曳或貼上到取色器中，然後點擊想要的準確像素，工具會顯示它的 HEX、RGB、RGBA 和 HSL 值。
什麼是 HEX 拾色器？
HEX 拾色器會識別顏色並返回十六進位 CSS 顏色值，例如 #5b25d5。這種格式常用於網站和設計工具。
可以從螢幕上取色嗎？
支援 EyeDropper API 的瀏覽器可以。點擊「螢幕取色」，然後按照瀏覽器的顏色選擇提示操作即可。
我的圖片會被上傳嗎？
不會。圖片解碼和像素取樣都在瀏覽器本機完成，不需要帳號，也不需要圖片上傳伺服器。
支援哪些顏色格式？
結果包括 HEX、RGB、RGBA 和 HSL，每種格式都有獨立的複製按鈕，可快速用於 CSS 和設計軟體。
為什麼瀏覽器不能使用螢幕取色？
螢幕取色依賴瀏覽器對 EyeDropper API 的支援，並且必須由使用者操作觸發。如果不可用，可以上傳圖片或輸入 HEX 值。