免費 · 在你的瀏覽器中
免費的線上圖片取色器。
拖入一張照片,將游標移到像素上,讀取 hex 色碼。免費的圖片取色器, 提供 hex、RGB 與 HSL,外加 8 種最顯著的顏色作為調色盤。支援 JPG、 PNG、WebP 與 HEIC。無需上傳,無需登入。
- 100% 在瀏覽器中
- 檔案絕不離開你的裝置
- 無需註冊,沒有限制
- 符合 GDPR 與 CCPA
Image Color Picker
Drop an image to pick colors
JPG, PNG, WebP, or HEIC. Hover any pixel, see the hex, RGB, and HSL. Click to save a pick.
這個取色器有什麼
移上去、點一下、複製。兩秒拿到 hex。
只有一個目標:讀取每個像素的確切顏色,外加自動產生最顯著顏色的調色盤。hex、RGB 與 HSL 隨時可複製。
像素級準確的 hex
將游標移到像素上即可即時讀取:hex(#RRGGBB)、RGB 與 HSL。點一下即可儲存。不平均、不四捨五入、不上傳。
前 8 種顯著顏色
自動從圖片直方圖萃取的調色盤。一鍵即可儲存某個顯著色塊。
一鍵複製
把每個 hex 直接複製到剪貼簿,可直接貼進 CSS、Tailwind、Figma、Sketch 或 HTML。
支援 HEIC
iPhone 的 HEIC 照片會透過 heic2any 在瀏覽器中解碼。相同的取色、相同的游標讀取、相同的 hex 輸出。
同時提供 RGB 與 HSL
每個選取的顏色都會顯示 hex、RGB 與 HSL。直接貼進設計 token 或 CSS 變數。
無需上傳,無需登入
全部都在你的瀏覽器中執行。檔案不會離開你的裝置。沒有帳號、沒有每日上限、沒有浮水印。
常見問題
圖片取色常見問題。
我要怎麼從圖片中取色?
把圖片拖進取色器。將游標移到某個像素上,讀取面板就會即時顯示 hex、RGB 與 HSL。點一下該像素即可把它存進你的取色清單,接著按 Copy 就會把 hex 色碼複製到剪貼簿。支援 JPG、PNG、WebP 與 HEIC。全部都在你的瀏覽器中執行,所以圖片永遠不會被上傳。
顏色讀取有多準確?
達到像素級準確。圖片會在離螢幕的 canvas 中以完整解析度解碼;你看到的預覽只是縮放後的顯示。當你把游標移到預覽中的座標 (x, y) 時,我們會從完整解析度的緩衝區讀取確切的像素,所以 JPEG 壓縮的瑕疵仍會是瑕疵,而複製出來的 hex 色碼正是檔案裡的值。
取色器也會顯示顯著顏色嗎?
會。圖片一載入,取色器就會在縮小後的副本上,用 32 級的 RGB 立方體直方圖計算出 8 種最顯著的顏色。這對於從 logo 整理品牌調色盤、為修圖試膚色,或讓顏色與某個房間的照片相搭配都很有用。點一下某個顯著色塊,即可把它存成手動選取的顏色。
我會拿到 HTML / CSS 的 hex 色碼嗎?
會。每個選取的顏色都會以 6 碼 hex(#RRGGBB)顯示,可直接套用到 CSS、Tailwind 設定、Figma、Sketch 或任何 HTML 顏色屬性。Copy 按鈕會連同 # 前綴一起複製 hex 色碼。
那 RGB 與 HSL 值呢?
每個選取的顏色也會顯示 RGB(例如 rgb(220, 53, 69))與 HSL(例如 hsl(354, 70%, 54%)),所以你可以直接貼進 CSS 變數、Tailwind 擴充設定,或需要特定格式的設計系統 token。
取色器真的免費嗎?有任何限制嗎?
是的。沒有帳號、沒有每日上限、沒有檔案大小限制、沒有浮水印。整條流程都在你的瀏覽器中執行。我們永遠看不到你的圖片。
我可以從 iPhone 的 HEIC 照片取色嗎?
可以。HEIC 檔案會在瀏覽器中解碼(透過 heic2any),接著就和 JPEG 一樣處理。游標讀取與顯著色調色盤的運作方式完全相同。
為什麼我儲存的選取顏色被限制在 12 個?
為了讓取色清單保持清爽。超過 12 個時,最舊的那個會消失。如果你需要更多,請直接複製每個 hex,貼進你的設計工具或筆記裡。
顯著顏色調色盤會忽略背景嗎?
不會自動忽略。它是以出現頻率為基礎的直方圖,所以最常出現的像素(往往是背景)會排在最前面。如果你只想從主體取得調色盤,請先用我們的裁切工具裁掉照片,再把裁切後的圖片拖進取色器。
我可以把選取的顏色存成檔案嗎?
無法直接存。最近選取的清單只在這次工作階段中存在於頁面上。若要建立長久保存的調色盤,請複製每個 hex(一鍵搞定),貼進你的設計工具、CSS 檔或筆記應用程式裡。選取結果不含重複,所以同一個 hex 不會連續出現兩次。
拍攝時的替代方案
在現場試色嗎?iOS App 會把 GPS、時間與地址直接內嵌到照片中。
如果你在現場試色、試布料或試材質顏色,iOS App 會在每張參考照片上蓋上日期、GPS 與街道地址,讓照片在送進取色器之前就已自我記錄完整。
Download on theApp Store
iOS 15.6+ · iPhone、iPad、Mac 和 Vision Pro- 每張影像上都有可見的日期、時間、GPS 與地址
- 原子(透過網路同步)時間戳記
- 輸出 JPEG,為每次取色做好準備
- 離線也能運作;地址稍後補上