分類: 影像工具

主色擷取器

站方自行規劃沒找到想要的工具?

從圖片中擷取主要色彩,產生可複製的調色盤

上傳一張圖片,即可擷取其最常見的色彩,產生附佔比的十六進位色塊排行,可直接複製到設計工具或樣式表中使用。圖片絕不會離開你的瀏覽器。

選擇一張圖片以擷取其主要色彩。

要擷取的顏色數量

圖片會在你瀏覽器的畫布上解碼並分析,絕不會上傳到任何地方。

本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。

這個工具能做什麼

圖片會被繪製到一個畫面外的畫布上並縮小以提升速度,接著透過 Canvas API 逐像素讀取。相近的色彩會被歸入同一個桶中,每個桶再依其中真實像素求平均值以得到準確的色塊,並依各桶在圖片中所佔的比例排序。最終得到的是一個精簡而具代表性的調色盤,而不是為每個不同像素值都產生一種顏色。

使用方式

  1. 從你的裝置中選擇一張圖片檔案。
  2. 選擇要擷取的顏色數量。
  3. 複製某個色塊的十六進位值,或一次複製整個調色盤。

隱私說明

本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享,關閉分頁就隨之消失。

常見問題

我的圖片會被上傳到任何地方嗎?
不會。它完全在你瀏覽器分頁中的畫布上解碼並分析,不會有任何檔案或像素資料被傳送到伺服器。
為什麼擷取出的顏色和最亮那個像素的精確顏色略有不同?
每個色塊都是歸入該桶的所有像素的平均顏色,而不是單一取樣像素,這比點選某一點的取色器方式更具代表性。
百分比加起來會等於 100% 嗎?
只有在擷取出圖片中找到的每一個桶時才會。由於調色盤被限制為你所選擇的數量,顯示的百分比只是這些排名靠前顏色的覆蓋率,而不是整張圖片的覆蓋率。