什麼是色彩和諧分析器？

色彩和諧分析器根據色彩理論判斷你的配色是否協調。它能偵測和諧類型（互補色、類似色、三角色等），給出匹配評分，並提供改進建議。

工具把每個十六進位色換成 HSL,計算色相在色輪上的距離,辨識互補、類比、三色、分裂互補、四色或單色關係。同時看飽和度與明度的分布,給配色打 0 到 100 分,並依問題給出建議,比如加深提高對比或平衡飽和度。

使用方法

1. 透過輸入十六進位色碼或使用色彩選擇器新增兩種或更多顏色。
2. 查看和諧分析，了解偵測到的關係類型和相容性評分。
3. 查看改進建議，然後匯出你的配色方案。

何時使用

• 在敲定品牌色 token 前,先驗證三主色的搭配站不站得住。
• 從情緒板抽出兩組候選色,挑更協調的那一組。
• 替圖表挑色,確保每個系列色相夠分得開。

結果

一位品牌設計師輸入三種品牌色（#2D5F8B、#F4A623、#E8E1D5），發現它們構成分裂互補和諧關係，相容性評分87%，並獲得稍微調暖藍色的建議。

常見問題

和諧分數實際是在量什麼?

綜合三件事:色相角度是否符合經典關係(互補 180°、類比 60° 內等)、飽和度與明度分布是否平衡、整體對比夠不夠。70 分以上算穩,50 分以下通常需要再調。

為什麼我的三色被判為「自訂」而不是三色關係?

嚴格的三色配色相是 120° 等分。如果你的三色相落在 80° 和 200° 之類,角度對不上教科書的模板,工具就標成自訂,但仍會根據飽和度、明度、對比度給分。

是不是一定要追求 100 分?

未必。滿分代表配色「教科書乾淨」,做圖表和儀表板很合適。品牌色通常在 70 到 85,留一點張力反而更好記。分數當參考就好,不必當目標。

工具支援多少種顏色?

實際上 2 到 7 種剛好。兩種是辨識關係的最低門檻;超過 7 種,經典關係意義就有限,多半標成自訂。要更多色的資料視覺化,建議把重點放在明度與飽和度的平衡。

可以匯出配色給程式或設計工具嗎?

可以。下載按鈕會輸出十六進位色碼,也能一鍵把全部色碼複製到剪貼簿。直接貼到 Figma 的色彩樣式、CSS 自訂屬性,或設計系統的 JSON token 檔都很順。

相關工具