圖片取色板

拖入一張圖片，立刻得到它的主色：HEX、RGB，以及每種顏色佔了多少畫素。

拖入一張圖片，它的顏色就會變成一塊色板回來。

把圖片拖到這裡，或按 ⌘V 貼上。

支援 JPEG、PNG、WebP、GIF（首幀）和 BMP——單張最大 20 MB、16 百萬畫素。讀取前會先把圖縮小，所以 4K 照片也沒問題。

圖片從不出本裝置，頁面不發任何網路請求。

手邊沒圖？點"載入示例"會用你的語言畫一張，馬上看到色板。

使用方法

把圖片拖到卡片上、用 ⌘V 貼上，或點"選擇圖片"。由 HEX、RGB 和畫素佔比組成的色板會立刻出現——無需點按鈕，也不上傳。
選擇想要的色卡數量（6、8 或 16），以及按佔比還是按色相排序。改其中任意一項，色板會立刻重算，不會重新解碼。
點任意色卡上的“複製”即可取得該顏色；點“複製為 CSS”或“複製為 JSON”可整組帶走。“下載 JSON”或“下載文本”會把它存成檔案。原圖不會被改動。

示例

示例圖片（"載入示例"得到）

ykit-palette-zh-Hans.jpg
1200 × 800 · 55.1 KB · 漸層 + 文字

8 色色板

#235695  rgb(35, 86, 149)  12.5%
#3834BE  rgb(56, 52, 190)  12.5%
#4355A5  rgb(67, 85, 165)  12.5%
… 還有 5 個

這些是中文示例圖經中位切分演算法得到的真實輸出（2026-10-27，Chromium）。示例文字按介面語言繪製，所以中英文、阿語的示例圖位元組數與漸層中段顏色會略有差異。佔比描述的是最長邊 200px 的降取樣圖，並保留 1 位小數——工具如實說明口徑，不假裝逐畫素精確。

規則、限制與已知問題

不上傳：圖片在本標籤頁內被讀取、縮小與分析，頁面從不髮網絡請求。原檔案只被讀取，不會被改動。
畫素佔比基於降取樣圖（最長邊 200px）統計，並保留 1 位小數；它不是原圖逐畫素精確計數。四捨五入後，佔比之和可能不正好是 100。
透明畫素（透明度低於 50%）會被忽略：它們沒有顏色，納入只會汙染色板。全透明的圖片會提示"沒有可見畫素"，而不是編造一個顏色。
單張最大 20 MB、16 百萬畫素，解碼前就會拒絕，避免大檔案撐爆標籤頁。讀取畫素前會先把圖縮到最長邊 200px，這能保證快速，但會略微抹平細微的顏色層次。
沒有"提取"按鈕，也沒有精確的吸管取色：本工具給出的是主色板，而不是游標下的精確顏色，也不會判斷這些顏色是否和諧。
一次只處理一張圖。沒有歷史記錄，分享連結也只是乾淨的頁面地址——什麼都不儲存，重新整理即歸零。

拿到顏色之後，人們通常還會需要這些。