圖片工具 / 25

圖片色彩擷取工具

從圖片擷取主要色彩,依各色彩在圖片中的佔比排序,並顯示HEX和RGB值。

圖片色彩擷取工具: TOEA會取樣圖片,使用median-cut量化器將色彩分組,接著回報每個群組的平均色彩,以及該群組佔圖片的比例。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
色票擷取工作台本機處理

全程在瀏覽器中執行

↥
選擇圖片

PNG、JPG或WebP · 最大30 MB

照片的色盤為何看起來較灰暗

每種色彩都是該群組像素的平均值,而平均會讓色彩趨向灰色:夕陽中少數鮮豔的橘色像素混在大量較暗的像素裡,得到的橘色可能比眼睛記憶中的更黯淡。反鋸齒邊緣和漸層會產生介於其中的色調,甚至各自佔用一個色彩位置。若要取得標誌的精確品牌色,請使用圖片取色器取樣平坦區域,或從原始SVG或樣式指南中取得。

從色盤建立配色方案

請把擷取出的色盤視為原始素材。主要且低飽和度的色彩通常適合背景和大型區塊;數量少但高飽和度的色彩則更適合強調元素和按鈕。將任何色彩用於文字前,請使用對比度檢查工具檢查配對:WCAG要求內文至少達到4.5:1,而從照片擷取的色彩通常需要變深或變淺才能達到標準。

使用方式

  1. 選擇圖片。
  2. 選擇想要的色彩數量。
  3. 複製HEX值。

隱私與限制

圖片會在瀏覽器中讀取,絕不上傳。分析前會先縮小圖片取樣,讓大型照片也能保持操作順暢。

相關工具

常見問題

色彩是如何挑選的?

系統會反覆依變化最大的色彩通道將色彩分組,讓細節依圖片實際變化分配,而不是集中在單一色彩的背景上。

百分比代表什麼?

這代表屬於該色彩群組的取樣像素比例,因此佔比最大的色彩會列在最前面。

這些值是精確的嗎?

每個項目都是該群組中實際像素的平均值,因此單一色彩區域會回報精確色彩,而不是近似色。

為什麼得到的色彩比我要求的少?

圖片中的不同色彩少於要求的數量,因此只會回報圖片中實際存在的色彩。

免費工具・使用在瀏覽器中次・免註冊