如果在設計網頁或是簡報時，對於顏色的搭配甚是苦惱，則要如何?
1. 學習一點配色技巧。2. 尋找免費色票搭配網站。

下面介紹幾個基本技巧。

1.
互補色
互補色是指相對的兩種顏色，透過互補方式讓畫面變得活潑且具有強烈的視覺效果。但是使用這類配色要小心，使用不當或比例搭配不好，很容易產生幼稚、粗劣、過度衝突的感覺。 互補配色舉例：

藍配橘 橘配藍

紅配綠 綠配紅

紫配黃 黃配紫

2.
對比色
對比色建立在互補色基礎之上，再多加入了一種色彩，比起互補色來說效果更強烈、更醒目有力，但同樣的如果處理不好，很容易讓人覺得凌亂，甚至是視覺疲勞。對比配色舉例：

紅底配黃、藍 黃底配藍、紅 藍底配黃、紅
紫底配橘、綠 橘底配綠、紫 綠底配紫、橘

3.
類比色
類比色是指鄰近幾個區塊的顏色，雖然顏色不同，但從視覺上來看還是會感覺他們的一致性，也是比較保守的配色方法之一。 類比配色舉例：
橘底配黃、綠 黃底配綠、橘 綠底配橘、黃
紅底配橘 橘底配紅

4.
相似色
找同一色系、明暗度不同的做搭配一定不會出錯，而且容易給人一種一致感，缺點就是色彩會比較單調一些。
相似配色舉例：

淺灰底配白 亮黃底配鵝黃 深藍底配寶藍


白底配淺灰色 鵝黃底配亮黃 寶藍底配深藍
下面介紹幾個免費色票搭配網站。

1. Color Leap
收錄了不同年代作品的配色組合，可以點選年份進行查詢，網站裡會簡單介紹時代背景、作品圖以及五個出現頻率最多的顏色。想找出一些復古配色都可以在Color Leap網站試試。

缺點優點
  • 數量稍少。
  • 沒有分類。
  • 色採搭配，很專業，因為是名畫家配色。

2. Uicolors
這個網站的主要目的是讓你選擇喜歡的色系，並試試看當網頁底色的效果如何。 此外，網站很貼心的放上不同顏色的代碼，分別有HEX、RGB和RGBA，當你找到喜歡的顏色後，就不需要再花時間去尋找這些色彩的代碼。

缺點優點
  • 可以查看色碼與建議相似色
  • 提供分類，方便使用者更快找到配色組合
  • 雖然有分類，但還不太全面，項目太少。

3. Palettable
一個簡單好上手的配色網站，當進入畫面後，你只需要確認自己喜歡或不喜歡某一個顏色，之後系統就會針對留在畫面上的色彩進行配色，直到滿五種顏色為止。 此外，如果你對顏色有一些想法，也可以點擊色碼下方的調整鈕，選擇自己喜歡的顏色。 當你配色好後，還可以透過畫面右上角的輸出(export)，存成URL或圖片檔保留下來，這樣就不怕忘記色碼囉！

缺點優點
  • 最多只提供五個色彩的配色。
  • 如果不喜歡初始顏色又沒想法，可能會選很久。
  • 使用方式簡單，只需確認喜歡或不喜歡。
  • 可以將配好的色彩與色碼存成連結或圖片保留。

4. Adobe Color
這是世界知名的繪圖軟體 Photoshop 和 Illustrator 都出自於該公司，可見在色彩搭配上有一定的水平。
網站提供非常專業的配色環，搭配我們最前面提到的一些基本配色技巧，讓你更快完成色彩搭配。
此外，網站還有一項很好用的功能，那就是你可以透過上傳照片，從影像中抽取它的配色(最多五種)，甚至還可以測試色盲友好度和顏色對比度。

缺點優點
  • 可能需要一定的專業素養才能使用。
  • 提供許多專業性功能，CP值高。
  • 使用專業的配色環，快速完成色彩搭配。

5. ColourLovers
是一個線上配色的網站，上面提供非常多種配色方案，你可以一個一個點進去觀看，如果喜歡這組配色的話，下方也有 HEX 和 RGB 代碼可以讓你保存下來。
另外一項很貼心的功能，網站會直接告訴你建議配色比例，例如哪些顏色要多、哪些顏色可以少一點，這樣一來你就不需要花時間自己調整比例了。
比較可惜的地方是，它提供的配色都是固定的，比較無法得知其它適合的搭配。

缺點優點
  • 配色都是固定的，自由度較不高。
  • 操作上較複雜，需要花一些時間才能上手。
  • 多組配色方案可供挑選。
  • 提供建議配色比例，不須再花時間自己調整。

6. BrandColors
網站最大的特色就是以「品牌配色」當作你的靈感來源。
也因此，你可以搜尋自己想找的品牌，解構與參考它的配色，這對於一些喜歡品牌色系的人來說無疑是一大福音。
除此之外，網站更好用的一個功能，在於它右上角的「下載所有品牌配色」，一鍵打包帶走所有品牌顏色。

缺點優點
  • 只能參考品牌配色，無其他功能。
  • 支援一鍵下載所有品牌配色。
  • 清楚了解各品牌的配色樣式。

7. Color Safe
這是一個符合WCAG(網頁內容無障礙指南)的配色網站，也就是說無論使用者有沒有身體或心靈的障礙，他都可以順利閱讀，也因此當你挑選顏色後，系統會告訴你這個色彩的易讀性有多少。 除此之外，Color Safe 跟其他配色網站比較不同的地方，在於它還可以調整文字背景、字體大小、字型和網頁寬度，方便你事先預覽文字的樣式。

缺點優點
  • 提供的色彩樣式有限。
  • 無法與其他顏色搭配看效果。
  • 文字與背景客製化程度高。
  • 符合WCAG規範的配色網站。

8. Colorion

這是一個比較全面性的配色網站。首先，它在首頁就直接秀出多組配色組合讓你挑選，如果有喜歡的組合，可以點 info 查看顏色的詳細資訊，包含色碼、相似色搭配。
該網站也有「分類」的選項，方便你更快速找到自己想要的配色組合。
缺點優點
  • 雖然有分類，但類別不多。
  • 可以查看色碼與建議相似色。
  • 提供分類，方便使用者更快找到配色組合。

9. Flat UI Colors
該網站是用國家分類，提供色彩靈感的配色網站，用這種分類想法很特別。
利用國家不同元素作為色彩風格相當有趣，例如中國的配色元素是燈籠、貓熊，印度則是牛、咖哩、宗教等等。
而色彩部份，基本上仍以常見的主色去做變化，例如紅色、綠色、藍色、黃色、黑色，是值得一試的網站。

缺點優點
  • 色彩的豐富性稍嫌不足。
  • 提供的國家數量不多。
  • 以國家特色和元素進行配色。
  • 介面清楚，簡單好上手。

10. Color Palette Generator
是一個單一頁面，操作簡單的配色網站。
網站基本操作方式：空白鍵是更換配色(隨機)、C 是複製所有顏色的代碼，而點擊單一顏色的話則是複製單一顏色的色碼。
網站的功能較陽春，非常適合那些完全沒有配色靈感的人使用。但如果要客製化調整顏色，這個網站可能就比較不足囉！

缺點優點
  • 除了配色沒有其他功能。
  • 對於沒有配色想法的人來說，可以解決基本問題。
  • 網站好操作，很快就能上手。

11. Color Hunt
本網站提供了上千種配色方案，四個顏色為一組，即可找到來自世界各地設計師提供的配色建議，若想自己搭配顏色，也可以自己創建。

缺點優點
  • 純樣板，沒有範例。
  • 無論在分類或樣本，數量都還不錯。
  • 操作簡單。

12. Color Lisa
一個使用用藝術家的畫作名稱命名，其中包含知名的梵谷、畢卡索、達文西、莫內等藝術家作品分類的配色網站。
缺點優點
  • 以字母排序有些凌亂，不易找到自己想要的配色。
  • 引用並解構藝術家的作品配色。
  • 點擊作品名稱可以欣賞原畫作。

13. Nippon Color
此網站集了 250 種日本傳統美學配色，網站頁面列出 RGB 及 CMYK 的色碼供複製使用。

缺點優點
  • 沒有分類。
  • 配色簡單，且拿自身網站當範例。
  • 有 CMYK 的色碼供複製使用。

14. Hello Color
線上色彩自動配色工具，點擊網頁畫面，系統會隨機產生兩種相近、互補顏色組合，適用於海報文字配色、DM設計、名片設計及標題配色等。

缺點優點
  • 配色元素太少。
  • 沒有分類。
  • 隨機出現，使用者無法預覽選擇。
  • 操作簡單易懂。
  • 外觀單純不複雜。

15. Design Seeds
這網站配色元素多達 6 色，操作簡單。  

缺點優點
  • 元素沒有色碼直接查詢。
  • 沒有分類。
  • 使用範例列出色碼。