圖片工具 / 25
圖片色彩擷取工具
從圖片擷取主要色彩,依各色彩在圖片中的佔比排序,並顯示HEX和RGB值。
圖片色彩擷取工具: TOEA會取樣圖片,使用median-cut量化器將色彩分組,接著回報每個群組的平均色彩,以及該群組佔圖片的比例。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 圖片工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
↥
選擇圖片
PNG、JPG或WebP · 最大30 MB
照片的色盤為何看起來較灰暗
每種色彩都是該群組像素的平均值,而平均會讓色彩趨向灰色:夕陽中少數鮮豔的橘色像素混在大量較暗的像素裡,得到的橘色可能比眼睛記憶中的更黯淡。反鋸齒邊緣和漸層會產生介於其中的色調,甚至各自佔用一個色彩位置。若要取得標誌的精確品牌色,請使用圖片取色器取樣平坦區域,或從原始SVG或樣式指南中取得。
從色盤建立配色方案
請把擷取出的色盤視為原始素材。主要且低飽和度的色彩通常適合背景和大型區塊;數量少但高飽和度的色彩則更適合強調元素和按鈕。將任何色彩用於文字前,請使用對比度檢查工具檢查配對:WCAG要求內文至少達到4.5:1,而從照片擷取的色彩通常需要變深或變淺才能達到標準。
使用方式
- 選擇圖片。
- 選擇想要的色彩數量。
- 複製HEX值。
隱私與限制
圖片會在瀏覽器中讀取,絕不上傳。分析前會先縮小圖片取樣,讓大型照片也能保持操作順暢。
相關工具
常見問題
色彩是如何挑選的?
系統會反覆依變化最大的色彩通道將色彩分組,讓細節依圖片實際變化分配,而不是集中在單一色彩的背景上。
百分比代表什麼?
這代表屬於該色彩群組的取樣像素比例,因此佔比最大的色彩會列在最前面。
這些值是精確的嗎?
每個項目都是該群組中實際像素的平均值,因此單一色彩區域會回報精確色彩,而不是近似色。
為什麼得到的色彩比我要求的少?
圖片中的不同色彩少於要求的數量,因此只會回報圖片中實際存在的色彩。
免費工具・使用在瀏覽器中次・免註冊