顏色提取器
從影像中提取顏色並生成設計調色盤。
從任意圖片提取配色方案
Overview
配色提取器分析圖片,將其主色作為可用調色盤返回——可直接用於設計的 hex 程式碼。無論是讓品牌匹配某張照片、製作情緒板,還是圍繞主視覺圖為網站定製主題,手動用吸管取色都既慢又不準。這款工具對整張圖片取樣,把畫素聚類為真正定義其外觀的少數幾種顏色,全部在瀏覽器中處理。
How to Use (Step by Step)
- 1
拖入圖片
照片、logo、截圖、插畫都可以。解析度越高,調色盤越具代表性。
- 2
檢視提取的調色盤
主色與點綴色連同 hex 和 RGB 值一併顯示。
- 3
複製所需程式碼
點選色塊複製其 hex,放入你的 CSS、設計工具或品牌指南。
How It Works
圖片被繪製到畫布上,畫素被讀取為 RGB 值。聚類演算法(median-cut 或 k-means 類方法)按出現頻率加權,將數百萬畫素歸併為一組代表色。結果是主調色盤加點綴色,每個都帶可複製的 hex 與 RGB 程式碼。由於在本地處理原始畫素資料,源圖片不會被上傳。
When to Use This
構建與所選照片協調的網站或幻燈片主題。從 logo 圖片提取品牌色。為插畫或 UI 原型建立協調的調色盤。從靈感照片生成情緒板。從產品圖中挑選無障礙的文字/背景組合。匹配主視覺圖色調的 CSS 漸變。
Frequently Asked Questions
通常是幾種主色加少量點綴色——足以構成可用調色盤而不至於雜亂。帶細膩漸變的照片聚類出的色數會少於平面色塊圖形。