60:30:10 顏色比例分析器

什麼是 60:30:10 顏色比例分析器？

60:30:10 顏色比例分析器會把上傳圖片中的顏色按相近色系歸類，幫助你看出哪些色調構成畫面基礎，哪些顏色承擔中間連接作用，哪些顏色負責形成視覺重點。它不是單純抽出前三大顏色，而是把接近的色感合併成一個家族，讓結果更接近人眼對整張畫面的感受。

分析結果會給出主色 60%、輔助色 30%、強調色 10% 的貼合分數，並告訴你哪一組最接近 60、強調色是偏少還是偏多，以及它更集中在一處還是分散在整個畫面。無論是簡報、縮圖、插畫、網頁 UI，還是場景參考圖，都可以用它來快速拆解配色結構。

適合這些場景

• 動畫場景分析 — 想看出某個鏡頭為什麼顯得穩定、視覺重點顏色在哪裡發力時
• 品牌／縮圖參考整理 — 想把參考圖的配色結構用數值和色系單位快速拆解時
• UI 稿檢查 — 想確認按鈕強調色是否鋪得太廣、主色與輔助色是否分得不夠開時
• 海報／橫幅設計 — 想快速判斷背景、輔助區域與強調點是否分配得當時
• 色彩腳本學習 — 想把喜歡的圖像配色與佈局模式記錄成可重複使用的語言時

主要功能

• 自動歸併相近色系 — 連細微變化都會歸到同一色系，因此更接近人眼對整體氛圍的判讀。
• 60:30:10 貼合分數 — 用分數和短句說明目前圖片距離理想分配有多近。
• 主色／輔助色／強調色角色卡 — 一張卡裡整合代表色、比例、特徵與調整提示。
• 強調色分布熱力圖 — 一眼看出強調色是集中在一處，還是散在整個畫面。
• 弱化背景色模式 — 白底或大面積中性色會影響主色判斷時，可用這個模式做校正分析。
• 檢視 HEX / RGB / HSL 代碼 — 可依需求切換代表顏色代碼格式並直接複製。

使用方法

1. 上傳圖片 — 上傳要分析的場景、縮圖、海報或 UI 截圖。
2. 選擇分析模式 — 如果有大面積白底或黑底，建議保留預設的「弱化背景色」模式。
3. 查看分數與角色 — 先看頂部的匹配度分數，以及主色、輔助色、強調色比例。
4. 查看熱力圖與建議 — 再看熱力圖和建議文案，判斷強調色聚集在哪裡、應該減少還是加強。
5. 參考顏色代碼 — 把角色卡或色系分組中的 HEX / RGB / HSL 數值拿去設計工作使用。

分析是怎麼完成的？

此工具會先對圖片做縮小取樣，排除透明像素，先建立顏色聚類，再把相近顏色繼續合併。之後根據代表色組來分配主色、輔助色、強調色角色，並計算各組占據的面積。

強調色不是單純取第三大顏色，而是優先尋找面積較小但飽和度與對比度更高、最可能吸引視線的色組。接著會把整張圖切成網格，計算強調色出現的位置與密度，並說明視覺重點是集中還是分散。

結果更適合作為輔助解讀。它不會自動理解場景敘事、光線、透視或品牌意圖，因此最終判斷仍建議結合具體語境。

常見問題