跳到主要內容
龐果設計 龐果設計
  • 品牌設計
    • VIS設計
    • Logo設計
    • 名片設計
    • 型錄設計
    • 包裝設計
  • 網頁設計
    • 一頁式網頁
    • 形象網頁設計
    • 電商網頁設計
  • WordPress 服務
    • WordPress 故障排除
    • WordPress 網站搬家
  • 設計案例
  • 關於我們
  • 觀點聚焦
  • 品牌設計
    • VIS設計
    • Logo設計
    • 名片設計
    • 型錄設計
    • 包裝設計
  • 網頁設計
    • 一頁式網頁
    • 形象網頁設計
    • 電商網頁設計
  • WordPress 服務
    • WordPress 故障排除
    • WordPress 網站搬家
  • 設計案例
  • 關於我們
  • 觀點聚焦
首頁 » 觀點聚焦 » logo 配色原則:顏色數量、主副色比例與黃金比例一次拆解
品牌行銷

logo 配色原則:顏色數量、主副色比例與黃金比例一次拆解

更新日期:2026.08.08 編輯:Haden

財富 500 大企業的 Logo,兩色的占 43%,單色的占 37%,三色的只有 14%,四色以上更只剩 5%,五色以上的多彩 Logo 甚至不到 1%。這組數字出自 Website Planet 針對財富 500 大企業 Logo 的逐一分析,不是抽樣推估,而是把 500 個 Logo 一個一個數出來的結果。換算下來,八成以上的世界級品牌,Logo 顏色數量都壓在兩種以內。

財富 500 大企業 Logo 顏色數量分布:兩色 43%最多、單色 37%次之、三色 14%、四色以上僅 5%,八成以上壓在兩色以內
逐一分析財富 500 大企業的 Logo,兩色占 43%、單色 37%、三色 14%,四色以上只剩 5%(資料來源:Website Planet)。

這組數字戳破一個常見誤會,多數人討論 Logo 配色,想的都是「該選哪個顏色」,卻漏掉前面還有一關,先決定用幾種顏色,才輪得到選什麼顏色。先說清楚這篇要拆的是哪一塊。如果你想知道的是品牌代表色該選紅色還是藍色比較討喜,那是行銷與心理層面的選色判斷,不是這篇的範圍;這篇要談的 logo 配色原則,是圖形本身該用幾種顏色、主色跟輔助色的比例怎麼抓,這種可以直接照著做的技術規則。

先講清楚顏色數量該落在哪個區間才算合理,再往下拆顏色的角色分工,最後套進具體的比例數字。

Logo 該用幾種顏色?

一到三種顏色,是 Logo 顏色數量的主流區間:單色最乾淨,兩色最常見,三色則是實務上的天花板。這不是誰硬性規定的鐵律,而是機率上多數站得住腳的案例都落在這個區間,背後的技術原因下一節會拆開來講,這一節先把數字範圍定下來,當作 logo 配色原則裡最基本的判斷基準。

單色 Logo 通常出現在走極簡路線、靠造型本身就能被認出來的品牌,圖形夠獨特、線條夠簡潔,顏色反而變成可以拿掉的裝飾,拿掉了造型也還站得住(這個判斷方式,最後一節的單色測試會再細講)。兩色是最大公約數,一個顏色撐住整體印象,另一個顏色負責製造層次或區隔,兩個角色分得清楚,執行起來也最不容易出錯,這也是為什麼兩色 Logo 在財富 500 大企業裡占比最高。三色是實務上的天花板,不是絕對禁區,當品牌識別需要更豐富的層次,同時要傳達主色調、輔助情境,還要有一個跳出來的亮點,三色可以把三個角色都填滿,但再往上加,協調的難度會急遽升高。四色以上因此被列為特例而非常態,通常只有在顏色本身就是造型結構的一部分時才站得住腳,這個例外情況,後面會再拆開來講。

顏色一多,Logo 會遇到哪些問題?

知道顏色數量該壓在哪個區間之後,接下來要弄懂的是為什麼。把顏色數量壓在一到三色,不是美感偏好,而是三個很實際的技術理由。

第一個理由是縮圖與小尺寸下的辨識度。Logo 會出現在 App 圖示、瀏覽器分頁、社群大頭貼這些只有幾十像素見方的地方,顏色細節越多,縮小後越容易糊成一團,原本清楚的色塊分界會被壓縮成一片模糊的色斑,反而讓人認不出原本的圖形。

第二個理由是跨情境的一致性。同一個 Logo 要出現在螢幕上、印在包裝上,也要疊在深色背景、疊在淺色背景,顏色數量一多,每一種情境都要重新確認對比夠不夠,會不會有某個顏色在某個背景下消失或糊掉,要顧的組合會隨顏色數量增加而變多。顏色越少,要顧的情境搭配就越單純,出錯的機會也跟著變小。

還有第三個理由,也是最容易被忽略的一個,那就是顏色一多,圖形本身的辨識責任反而會被顏色蓋過去。一個好的 Logo,理論上拿掉顏色,只留下黑白線條,還是要能被認出來,造型結構才是辨識的根本,顏色只是加分。但如果一個 Logo 塞了四種五種顏色,讀者的眼睛會先被色彩吸引,反而沒空間去記造型本身長什麼樣子,等於讓顏色替造型扛下了本來不該扛的責任(這個檢驗方式,最後會用單色版本測試來實際驗證)。

主色、輔助色、強調色:三個角色怎麼分工?

知道顏色數量一多會拖累辨識度之後,接下來的功課不是再檢查一次,而是把留下來的顏色分配好角色。黃金比例能不能套用到 Logo 配色上,關鍵正是每個顏色有沒有明確分工;沒有先分好角色,比例公式根本無從套起。

Logo 裡的顏色,通常只分三種角色:一個負責撐住整體印象的底色、一個負責搭配過渡的顏色、一個負責跳出來吸睛的重點色。角色數量也剛好對應前面講的顏色數量,單色 Logo 只有主色一個角色要顧,兩色通常是主色加強調色兩個角色,三色才會三個角色齊全,輔助色的層次感在兩色情境裡反而不是必要的。

主色決定 Logo 的第一印象

主色是占比最高、決定整體第一印象的顏色,通常也是這個 Logo 拿掉其他顏色後,單獨看還是最能代表它的那個顏色。第一眼看到、記在腦海裡最久的,多半就是主色。

輔助色負責畫面的層次與區隔

輔助色的功能是搭配主色,替畫面做出層次或區隔。選輔助色時通常會挑跟主色對比適中、不搶戲的顏色,它的任務是讓畫面有呼吸空間,而不是搶走主色的注意力。

強調色負責讓局部跳出來吸睛

強調色占比最小,但對比要最強,用在需要特別跳出來的局部,例如圖形裡的一個小元素、一個符號、一個轉折點。強調色不是用來大面積鋪滿的,鋪多了反而會失去「跳出來」的效果,等於角色錯位。

用 60-30-10 法則分配色彩比例

角色分好之後,才輪到比例。60-30-10 是最常被拿來套用的分配框架:主色占六成,輔助色占三成,強調色占一成。

用 60-30-10 法則分配 Logo 配色比例,主色占六成撐住第一印象、輔助色三成補層次、強調色一成點睛
60-30-10 法則把顏色分成主色六成、輔助色三成、強調色一成,重點是三個角色的份量拉得開,主從關係一眼可辨。

這套比例原本不是 Logo 設計專屬的規則,而是室內設計與平面設計長年通用的配色框架,後來才被借用到 Logo 與品牌識別這個領域。邏輯很直白,主色定調,占最大面積,決定畫面給人的第一印象;輔助色補足層次,讓畫面不會單調;強調色畫龍點睛,用最小的面積把視覺重心拉到該注意的地方。

要提醒的是,60-30-10 不是量到小數點的鐵律,而是一個拉開差距、讓主從關係一眼可辨的參考框架。比例抓成 58-32-10 或是 62-28-10 都不影響它成立,真正重要的是三個角色的份量要拉得開,不能讓輔助色跟主色差不多重,那樣主從關係就會模糊掉。舉例來說,一個以深藍為主色的品牌 Logo,深藍占六成、淺灰占三成、亮橘只占一成當作重點,三個顏色一眼就能分出誰是主角、誰是配角、誰是亮點。

兩色 Logo 不需要硬湊出第三個角色,可以把 60-30-10 簡化成主色七成上下、強調色三成上下,兩個角色一樣能分出主從關係,不必為了套用三色框架反而讓 Logo 變得複雜。

想再講究一點,就用黃金比例的 62:38

不論是 60-30-10 還是黃金比例的 62 比 38,前提都是顏色數量已經定在合理範圍。不過這個範圍本身不是鐵律,一到三色只是機率上的多數選擇,講究比例分配的人,還有一個更數學化的做法可以試,用黃金比例換算出來的 62 比 38,取代主副兩色之間 60 比 30 的關係。

黃金比例的算法其實很單純,把一條線分成兩段,讓「長段比短段」等於「全長比長段」,這個比例值算出來是 1.618。換算成百分比,長段大約占 61.8%,短段大約占 38.2%,四捨五入之後就是常聽到的 62 比 38。這是數學定義本身算出來的固定值,不是哪個機構調查出來的統計數字,所以不需要外部研究佐證,但也因為它是數學公式,套用時要誠實交代它的定位,這不是取代 60-30-10 的新規則,而是想讓主副色比例更貼近黃金比例美感直覺時的另一個選項。兩色關係套起來最直接,主色占 62%、輔助色占 38%;三色情境下,也可以把 62 比 38 疊加在主色與輔助色的相對關係上,強調色仍維持一成左右的小比例。

黃金比例把一條線分成長段 61.8%與短段 38.2%,比值 1.618,套到兩色 Logo 就是主色 62%、輔助色 38%
黃金比例 1.618 換算成長短兩段約 62 比 38,套到兩色 Logo 配色就是主色 62%、輔助色 38%。

這裡要先破除一個流傳很廣的說法,蘋果、百事可樂、推特這些知名品牌的 Logo 造型,是設計師按照黃金比例網格畫出來的。這個說法在設計圈流傳已久,卻已經被原始設計師本人否認。Apple 最初那個咬一口的 Logo,設計師 Rob Janoff 曾公開澄清,他當年是徒手畫出來的,並沒有套用黃金比例網格去構圖,這段查核也被 Fast Company 報導過。這裡要強調的 62 比 38,談的是主副色比例分配這組數字本身該怎麼用,不是回頭去證明某個知名品牌造型是不是照黃金比例畫的,兩者是不同層次的事。

顏色數量規則,什麼時候可以打破?

一到三色是機率上的多數選擇,不是不能打破的鐵律。真正打破這條規則、還能站得住腳的 Logo,通常都符合同一個判準,顏色本身就是造型結構的一部分,而不是加上去的裝飾。

具體來說,判斷方式就是問一句話,拿掉某一個顏色之後,圖形還完整嗎?如果答案是不完整,例如色塊本身就是圖案的組成元素,少了任何一色,整個圖形就會缺一角、認不出原本的樣子,那麼多色就是必要的,而不是隨意加顏色讓畫面熱鬧。反過來,如果拿掉某個顏色,造型依然完整,只是少了點裝飾感,那就代表這個顏色可有可無,應該回頭精簡。

國際上確實有幾個知名的多色 Logo 案例,某個全球搜尋引擎品牌的英文字標用了四種以上的顏色,某個跨境拍賣平台的字標也是多彩組合而成。這些案例並不是反例,細看會發現,即使顏色數量多,內部仍然遵守「有一個顏色明顯占主導」的比例邏輯,不是幾個顏色打平分配,而是某個顏色的份量或位置,依然清楚地把視覺重心固定在同一個地方。多色 Logo 打破的是顏色數量的規則,打破不了的是主從關係要清楚這個更底層的邏輯。

定稿前,先用單色版本測試耐用度

前面幾節談的是顏色數量與比例怎麼分配,最後這一關,是拿一個具體動作去驗證前面的決定有沒有抓對。做法很簡單,把設計好的 Logo 轉成純黑白,或是統一改成單一顏色,拿掉全部的色彩資訊,只留下線條與造型,肉眼檢查一次,圖形本身還認不認得出來、線條會不會糊在一起、原本靠顏色區隔的區塊,少了顏色之後會不會全部黏成一團。

把 Logo 轉成單色測試辨識度,造型獨特的轉單色仍清楚(通過),靠顏色區隔的糊成一團(未通過)
轉成純黑白就見真章:造型撐得住的辨識度不掉(通過),靠顏色硬撐的糊成一團(未通過)。

判斷標準也很直接,拿掉顏色之後,主體圖形的辨識度不能明顯下降。如果單色版本看起來依然清楚,識別度沒有明顯下降,代表顏色數量與比例分配抓對了,顏色是幫這個 Logo 加分,不是靠顏色硬撐辨識度。

如果測試沒過,單色版本看起來破碎、失去重點,先別急著調顏色,要回頭檢查的是造型本身,是不是原本就靠顏色在撐畫面,而不是造型結構本身撐得住。前面提過,顏色多了以後,圖形的辨識責任容易被顏色蓋過去,單色測試沒過,往往就是這個徵狀的具體證據,這時候該調整的常常不是換個顏色,而是先把造型本身修得更站得住腳,顏色數量與比例才有意義。

顏色數量、角色分工、比例分配、單色測試,這四關其實是同一套流程,可以直接拿來檢查手上正在調整的 Logo:顏色數量有沒有壓在一到三色的合理區間、主輔強調三個角色有沒有分清楚、比例有沒有套進 60-30-10 或更講究的 62 比 38、最後轉成單色版本看看造型撐不撐得住。四關都通過,這個 Logo 在 logo 配色原則這個技術層面就站得住腳了,接下來要選哪個顏色,才輪到品牌調性判斷登場。

顏色定不下來,往往是因為造型本身還沒收斂。歡迎參考龐果的 Logo 設計服務,以感性美學與理性邏輯為基礎,替品牌打造專屬的視覺身份。

標籤
Logo設計 品牌識別 配色比例 黃金比例
常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

Logo 顏色數量該落在幾種以內比較好?

財富 500 大企業的 Logo 以兩色和單色為主,合計超過八成,三色是實務上的天花板,四色以上已是特例。因此 Logo 顏色數量建議壓在一到三種之間,單色最乾淨、兩色最常見、三色則是層次最豐富的上限。

顏色太多的 Logo,縮小之後容易出現什麼問題?

顏色細節一多,Logo 縮小到 App 圖示、瀏覽器分頁這類只有幾十像素的尺寸時,色塊分界容易被壓縮成一片模糊的色斑,讓原本清楚的圖形變得認不出來,這是 Logo 顏色數量要控制的技術原因之一。

Logo 配色裡的主色,扮演什麼角色?

主色是 Logo 裡佔比最高、決定整體第一印象的顏色,通常也是拿掉其他顏色後單獨看仍最能代表這個 Logo 的顏色。它是觀者第一眼看到、記在腦海裡最久的顏色,負責撐住整個品牌識別的基調。

什麼是 Logo 配色常用的 60-30-10 法則?

60-30-10 是最常被套用的 Logo 配色比例框架:主色佔六成、輔助色佔三成、強調色佔一成。主色定調並佔最大面積,輔助色補足層次,強調色則用最小面積把視覺重心帶到需要注意的地方。

定稿前的 Logo 單色測試,實際上要怎麼做?

把設計好的 Logo 轉成純黑白或單一顏色,拿掉全部色彩資訊,只留線條與造型,用肉眼檢查圖形還認不認得出來、線條會不會糊成一團。如果單色版本依然清楚,代表顏色數量與比例分配拿捏對了。

資料來源
  1. 60+ Logo Stats and Facts – New Fortune 500 List Research [2026] — Website Planet
  2. Debunking The Myth Of Apple's "Golden Ratio" — Fast Company
延伸閱讀

Logo設計完整指南,從品牌定位到設計流程一次搞懂

Logo設計不只是視覺美觀,而是品牌能否長期穩定使用的系統性工程。文章先建立「適當、簡單、好記」判準框架,再談品牌定位、六種常見類型差異、設計流程、AI 工具能幫上的忙,以及定稿後容易被忽略的商標保護。適合正在規劃或改版品牌識別的經營者,建立能跨材質、跨尺寸、長期耐用的 Logo設計基礎。

banner 品牌識別比例該佔多少?logo 越大不代表被記住

banner 品牌識別比例該佔多少?多數人以為 logo 越大、色塊佔比越高,品牌印象就越深,眼動研究卻發現版面看起來越像廣告,讀者的視覺系統反而會直接略過,logo 再大也可能沒被看進去。

品牌標語視覺搭配怎麼做?3 個原則+自我檢查清單

品牌標語視覺搭配怎麼做才不會互搶焦點?淨空怎麼留、字級階層留幾層、版面不夠時該讓誰退場,這幾個問題都有真實品牌規範可以對照,不必只靠美感天分去猜。

品牌 logo 使用規範手冊要寫什麼?7 大類內容一次看懂

很多人以為品牌 logo 使用規範手冊是大公司才需要的東西,結果 Logo 顏色、比例、留白全靠各自感覺,用著用著就走鐘了。這篇整理手冊該收錄的版本、安全範圍、最小尺寸、禁止用法、配色代碼與正確錯誤示範,一次列給你對照。

WordPress 500 錯誤?為什麼會出現?該怎麼修?

WordPress 500 錯誤發生時,畫面常常只剩一片空白,或是一行看不懂的英文,完全看不出問題出在哪裡。這篇照 .htaccess、PHP 記憶體、外掛衝突到主機環境的順序,整理六種修法,排到自己對應的那一步就能動手處理。

讓每一個故事都有專屬的風格與形象。

龐果設計有限公司

統一編號:50947987

Quick Links

  • 品牌設計
  • 網頁設計
  • WordPress 服務
  • 設計案例
  • 關於我們
  • 觀點聚焦

Contact

地址:高雄市鼓山區內惟路435巷3號

電話:(07) 588-6337

Email:[email protected]

LINE:@imk3340l

FB IG X
© 2026 龐果設計 Pongo Design. All rights reserved.