從圖片中提取顏色（主色提取工具）
上傳圖片後，可自動提取照片或插畫中使用的主要顏色（主色）。所有處理均在瀏覽器內完成，圖片不會被發送到伺服器。
使用提示
- 點選色塊下方的複製按鈕即可將其 HEX 值複製到剪貼簿，可直接貼上到 CSS 或設計工具中使用。
- 可以從 4、8、12 中選擇提取的顏色數量。簡單的 Logo 配色適合選 4 色，想仔細分析照片的豐富色調則可以選擇 12 色。
- PNG 圖片中透明的部分會被自動排除，提取結果會更聚焦於主體本身的顏色，而不是透明背景。
- 所有處理都通過 Canvas API 在本地瀏覽器中完成，圖片資料不會發送到任何伺服器，即使是敏感圖片也可以放心使用。
- 提取的顏色按出現頻率從高到低排列，排在前面的顏色在圖片中佔據的面積更大。
常見問題
本工具採用簡單的演算法：將圖片量化為粗略的顏色分組，並以出現頻率最高的分組的平均色作為代表色返回。這足以快速瞭解圖片的整體色調，但請注意，它不像 k-means 等專業配色工具中使用的嚴格聚類演算法那樣精確。
不會。本工具使用 Canvas API，從圖片載入到顏色提取的整個過程都在您的瀏覽器內（客戶端）完成。圖片資料不會發送到伺服器，因此即使是敏感圖片也可以安全使用。
只要是瀏覽器 ![]()
標籤可以顯示的常見圖片格式，包括 JPEG、PNG、WebP、GIF 等均可讀取，具體取決於您瀏覽器的檔案選擇器所支援的圖片格式。
可以。每種顏色都會顯示為 HEX 值（例如 #3366cc），點選即可複製到剪貼簿，可直接貼上到 Figma、Photoshop、CSS 等任何支援 HEX 顏色值的工具中使用。
閒話 ― 從照片中尋找品牌色的工作
從照片或產品包裝中提取"所使用的顏色"，是網頁設計和平面設計工作中的常見任務。在制定品牌視覺規範時，設計師通常會先從現有的照片素材或 Logo 中提取代表色，再以此為基礎考慮企業色或強調色的候選方案。過去需要用取色工具逐一手動拾取的工作，如今可以通過本工具這樣的"主色提取"演算法自動完成。
顏色提取有多種演算法。本工具採用的"分桶量化 + 頻率統計"方法，將每個畫素的 RGB 值粗略歸入某個分組並統計出現次數，是一種計算成本低、執行速度快的簡單方法。而更高階的方法，例如 k-means 聚類演算法，會根據顏色空間中的距離進行分組，能得到更自然的分組結果，但計算量也隨之增加。
有趣的是，同一張圖片根據提取的顏色數量不同，給人的印象也會截然不同。只提取 4 種顏色時，會呈現出圖片整體的大致色調（偏暖還是偏冷）；而提取到 12 種顏色時，則連陰影和反光帶來的細微色差也能被捕捉到。根據用途調整提取數量，就能從同一張圖片中獲取不同粒度的資訊。