分析器會將圖片的工作副本縮小到適合運算的尺寸,把相近的 RGB 像素分成五組,再傳回最大群組的中心色。透明像素不會列入計算。相較於直接統計完全相同的像素值,這種方式更適合照片,因為壓縮與細微漸層可能產生數千個幾乎相同的顏色。
圖片主色分析
全程在瀏覽器裡執行,免上傳、免註冊。
如何找出圖片的主要顏色?
圖片主色分析會找出佔據最大可見面積的顏色。選擇照片、標誌或螢幕截圖,即可取得一個代表色及其 HEX、RGB 與 HSL 色碼。圖片只在瀏覽器內取樣,原始檔案不會上傳。
使用方式
- 1選擇圖片. 將支援的點陣圖片拖曳到工具中,從裝置選取檔案,或載入內建範例。
- 2查看結果. 工具會對圖片取樣,顯示一個主色及其估計涵蓋比例。
- 3複製色碼. 按下所需 HEX、RGB 或 HSL 數值旁的複製按鈕。
適合誰用
- 品牌設計師可從標誌、商品照或宣傳圖片擷取一個代表色。
- 網站開發者可將主視覺圖片轉成可複製的 CSS 顏色,用於搭配的介面表面與預留區塊。
- 內容創作者可找出縮圖、社群素材與影片畫面的主要色調。
- 攝影師可比較一組後製照片各自偏重的整體色彩。
常見問題
我的圖片會上傳嗎?
不會。瀏覽器會解碼選取的檔案,在 Canvas 上繪製較小的工作副本,並於本機分析像素。這項工具不會將圖片檔或像素資料傳送到伺服器。
圖片主色分析可以免費使用嗎?
可以。無須建立帳號或安裝軟體,即可分析圖片並複製結果。工具不採用單張點數,也不會加上浮水印。
可以使用哪些圖片格式?
只要瀏覽器能夠解碼,檔案選擇器便接受 PNG、JPG、WebP、GIF、AVIF 與 BMP。動畫圖片會分析瀏覽器解碼時呈現的畫格,因此需要每次都相同的結果時,請使用靜態圖片。
主色是如何計算的?
系統會縮小圖片、略過透明像素,再以固定流程的 k-means 分群處理其餘 RGB 數值。最大的群組視為主色群組,並以該群組紅、綠、藍三個色彩通道的平均值產生顯示色彩。
為什麼其他顏色工具會得到不同結果?
主色是估算結果,不是檔案本身的屬性。不同工具可能採用精確直方圖、median cut、k-means、不同的取樣尺寸或透明度規則。裁切範圍與背景面積也會改變哪個色彩群組擁有最多像素。
這項工具會擷取完整配色嗎?
不會。這個頁面只回答一個問題,並傳回一個主色。配色擷取是另一項工作,會保留數個代表色群組,而不是只選最大的群組。