跳到主要內容
Tools

圖片取色器

點選圖片任一處取得 HEX、RGB、HSL 色碼,附放大鏡與取色紀錄,並自動萃取主要顏色,在瀏覽器中完成不上傳。

拖放檔案到這裡,或

JPEG、PNG、WebP、GIF、SVG 等,一次一張,最多 50 MB

或按 Ctrl/⌘ + V 貼上圖片

檔案不會上傳。

選取的顏色

在圖片上點一下,或按「從螢幕取色」。

取色紀錄

取過的顏色會列在這裡(只保存在這個分頁)。

使用說明

  1. 拖放或選擇一張圖片。
  2. 在圖片上點一下(或按住拖曳)取色,放大鏡會顯示十字游標周圍的像素,方便對準。
  3. 在「選取的顏色」複製 HEX、RGB 或 HSL 色碼;取過的顏色會列在「取色紀錄」。
  4. 「主要顏色」會自動列出圖片中最常出現的幾種顏色,可以調整數量並複製色碼。

常見問題

我的圖片會被上傳嗎?

不會。取色與萃取主要顏色都在你的瀏覽器中進行,圖片不會離開你的裝置。

可以只用鍵盤操作嗎?

可以。按 Tab 移到圖片上的十字游標,用方向鍵每次移動 1 像素、Shift+方向鍵移動 10 像素,Home/End 移到左右邊緣,Page Up/Page Down 移到上下邊緣,按 Enter 取色。

「從螢幕取色」是什麼?為什麼我看不到這個按鈕?

它使用瀏覽器的 EyeDropper 功能,可以吸取螢幕上任何地方的顏色,包括其他視窗與應用程式。目前只有 Chrome、Edge 等 Chromium 桌面版瀏覽器支援;Safari、Firefox 與手機瀏覽器不支援時,按鈕會自動隱藏。

取到的顏色和原圖檔不一樣?

顏色是從瀏覽器解碼後的 sRGB 像素讀取的。照片若使用 Display P3 等廣色域描述檔,會先轉換成 sRGB,色碼可能與專業影像軟體顯示的略有不同。JPEG 的壓縮雜訊也會讓相鄰像素有些微差異,可以利用放大鏡對準想要的位置。

主要顏色是怎麼算的?

先把圖片縮小到長邊 96 像素,再用「中位切分法」(median cut)把顏色分組:反覆把顏色範圍最大的一組從中間切成兩半,直到組數符合你選的數量,最後取每組的平均色。透明的像素不計入。同一張圖片每次結果都相同。

鍵盤快捷鍵

/
搜尋工具(在工具頁會回到首頁的搜尋欄)
?
顯示這個說明
Esc
關閉對話框
Ctrl / ⌘Enter
執行工具的主要動作(支援的工具)

在輸入框中打字時,/ 與 ? 不會觸發快捷鍵。