設計色彩學系列｜你一定要知道的5大配色手法：補色、相似色

... 還要了解不同的色彩間是否能夠互相搭配。

這篇文章中，哈利熊整理了根據色環（Color Wheels）理論延伸出的色彩搭配技巧，來幫大家進一步了解如何配色。

設計色彩學系列｜你一定要知道的5大配色手法：補色、相似色、三等分、補色分割、矩形2020-08-102020-08-14設計色彩學系列品牌的設計與行銷中，顏色的選擇搭配至關重要！之前在品牌行銷的顏色使用大全：不同性別、年齡層的TA分別該用什麼顏色中，我們提到不同的顏色會產生不同的情緒效果。

而設計師在選擇品牌顏色時，不僅僅要考量到不同顏色會引發的不同感官效應，還要了解色彩學基礎來選擇適當的明度與彩度。

這篇文章中，哈利熊整理了色彩應用的技巧，來幫大家進一步了解如何配色。

內容目錄 什麼是色環（ColorWheels）？5大顏色配色技巧1.補色（ComplementaryColorScheme）2.相似色（AnalogousColorScheme）3.三等分（TriadColorScheme）4.補色分割（SplitComplementaryScheme）5.矩形（TetradicColorScheme）什麼是色環（ColorWheels）？色環（又稱色輪）是在1666年由SirIsaacNewton所發展出來的一個色彩理論。

而這12個基礎顏色也被稱為色相（Hues）。

我們從色環來看之前所提到的三原色、三間色以及複色。

色環（ColorWheels），又稱色輪三原色指的是紅、黃、藍三種顏色。

而三間色指的是將三原色兩兩混合而組成的顏色，複色則是將三原色與三間色再加以組合而成的顏色。

接下來，我們以色環來看5種常用的配色手法。

5大顏色配色技巧5大顏色配色技巧1.補色（ComplementaryColorScheme）補色（ComplementaryColorScheme）補色是色環上180度角、色環正對面的兩種完全互補的顏色，比如說紅色與綠色。

這種搭配會產生強烈的對比，如果想要凸顯某物，這種組合方式非常不錯。

而互補色在完全飽和的屬性下，會呈現一種生動活潑的效果。

但是互補色不適合大範圍的使用，也較不推薦將互補色應用在文字上。

2.相似色（AnalogousColorScheme）相似色（AnalogousColorScheme）相似色指的是色環上相鄰的三色，它們通常搭配起來都非常協調，創造出一種寧靜、舒適的設計感。

相似色在大自然中隨處可見，這種配色手法和諧、令人身心愉悅。

但小心，設計師在使用這種配色手法時，必須確保顏色間的對比度。

通常設計師會選一種顏色為主，第二種顏色為輔，而第三種顏色則會與黑、白、灰搭配作為重點的使用。

3.三等分（TriadColorScheme）三等分（TriadColorScheme）色環上相隔120度的三色，如紅、藍、黃。

這種顏色的搭配手法會使畫面非常豐富，在使用不飽和色相的情況下，效果會特別顯著。

使用這種搭配手法必需選擇一個主色調，而讓另兩種顏色作為重點的使用。

4.補色分割（SplitComplementaryScheme）補色分割（SplitComplementaryScheme）補色分割配色手法是由「補色」延伸出來的一種形式。

在選用補色的同時，運用補色兩旁的相鄰色搭配使用。

這種配色手法與補色法有著同樣的視覺效果，但又不會那麼緊繃。

對於初學者來說，這種配色手法是最為推薦的。

5.矩形（TetradicColorScheme）矩形（TetradicColorScheme）這種配色手法是由兩組互補色組合而成，在使用可以產生非常多的變化。

有如圖的這種矩形使用方式，也有相鄰兩組補色的使用方式。

在使用這種配色手法時，記得要選用一種顏色為主色調，也要注意到冷色系與暖色系中的協調。

推薦文章：色彩學系列｜設計師一定要知道的顏色基礎學：顏色3分類與顏色3屬性色彩心理學｜你最喜愛的顏色代表什麼？你好，我是「哈利熊」—賣家 設計色彩學系列｜配色黃金比例60：30：10的實際應用！ 你知道有一個非常實用的配色技巧嗎？那就是Readmore 設計色彩學系列｜設計師私藏的6個色彩運用技巧大公開！ 色彩是視覺設計中一個非常重要的元素，無論Readmore 設計色彩學系列｜顏色的冷暖色性：設計師一定要知道的顏色知識 冷暖色調指的是一個顏色會給予觀賞者的心情Readmore 設計色彩學系列｜設計師入門一定要知道的色彩學基礎：顏色3分類與顏色3屬性 在「品牌行銷顏色使用大全：不同性別、年齡Readmore標籤:視覺設計色彩學設計發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言*顯示名稱*電子郵件地址*個人網站網址在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

{{#message}}{{{message}}}{{/message}}{{^message}}無法完成傳送程序。

伺服器回應為「{{status_text}}」(代碼:{{status_code}})。

請聯絡這個表單處理程式的開發者以改進相關問題。

進一步了解{{/message}}{{#message}}{{{message}}}{{/message}}{{^message}}傳送程序已完成。

即使伺服器的回應為OK，一樣可能不處理傳送工作。

請聯絡這個表單處理程式的開發者以改進相關問題。

進一步了解{{/message}}正在傳送... Searchfor... 關於我們哈利熊是台灣最有趣的線上服務市集！我們的目標是解決傳統外包市場與接案時的種種問題，打造一個方便、好用的服務平台，讓斜槓與需要服務的人都能在我們網站上安心下單、更有效率的合作。

加入我們！瀏覽服務： IT與程式設計 視覺設計 影片動畫 音樂音效 行銷與企劃 商業支援 文書翻譯 線上教學 生活趣味 哈利熊臉書Seemore標籤雲Chatbot FB行銷系列 Instagram Logo Logo動畫 SEO工具 seo策略 TEDTALK WooCommerce youtube系列 互聯網 企業e化 健身 創業 命果報 咖啡 品牌建立 商業開發 嘉義 國外業務開發 在地商家seo 居家工作 工作效率 廣告文案 復古風格 心理測驗 技術SEO 正能量 溝通 潛能 瑜珈 甜點 生氣 生活 生產力風格 用人 直播 翻譯外包 腦力運動 臉書廣告 自由工作者 資安 連假 銷售 魷魚幣