從圖片提取 色彩調色板
即時從任意圖片中提取主要顏色。一鍵取得HEX和RGB值。免費、安全,完全在瀏覽器中運行。
將圖片拖放到此處
支援PNG、JPG、WEBP、GIF。最大50MB。
即時從任意圖片中提取主要顏色。一鍵取得HEX和RGB值。免費、安全,完全在瀏覽器中運行。
支援PNG、JPG、WEBP、GIF。最大50MB。
調色板提取分析影像並識別主色或代表色。結果是一小組顏色(通常為 5-8 種),可以捕捉影像的視覺特徵。設計師使用提取的調色板來協調其他設計元素(補充英雄圖像的 UI 顏色、源自攝影的品牌調色板、匹配情緒圖像的配色方案)。
提取過程使用聚類演算法(k 均值或類似演算法)將所有影像像素分組為所需數量的顏色簇。每個簇的中心變成調色板顏色。最大的簇代表主色;演算法還可以根據視覺重要性(飽和度、對比度)而不是原始像素計數來加權,以呈現引人注目的強調色。
該工具使用 JavaScript 在您的瀏覽器中運行。影像被解碼為像素數據,進行取樣以減少計算量,並進行聚類。輸出是帶有十六進位代碼、RGB 值和比例條的調色板,顯示每種顏色在影像中的流行程度。
使用提取的調色板設計與現有圖像相協調的作品比透過眼睛挑選顏色快得多。網頁設計師圍繞著英雄圖像建立登陸頁面,行銷人員製作與關鍵產品照片匹配的資產,以及品牌設計師分析競爭對手圖像,所有這些都受益於演算法調色板提取。
調色板還支援內容管理。透過按主色對影像進行分類,您可以建立使用者按顏色瀏覽照片、產品或設計的介面。建立這樣的系統需要係統地提取調色板,這是透過程式提取實現的。
上傳,選擇調色盤大小,取得顏色。
K-均值聚類迭代:將每個像素分配給最近的聚類中心,重新計算中心作為分配像素的平均值,重複直到收斂。在全解析度影像上運行速度很慢;採樣(每隔 N 個像素)以最小的質量損失加速。
色彩空間很重要。 RGB 中的聚類會產生以 RGB 距離加權的調色板,這與感知距離不符。 LAB 或 HSV 中的聚類會產生在感知上更一致的調色板 - 看起來相似的顏色會更可靠地組合在一起。
輸出:每個聚類中心的十六進位代碼,加上每個聚類中影像像素的百分比。此百分比代表視覺普及率;最大的簇是最主要的顏色。