相信大家都有在網頁設計的時候，為配色感到困擾過，究竟要怎麼配色，才不會奇怪，才能讓人看得舒服、看得開心、看的心花怒放，越看越耐看，而不是看沒幾下，就讓瀏覽者眼睛痠痛，不得不離開網站，那有好的內容也沒用，可是配色這種事情，沒有受過專業的訓練以及相當程度的經驗，總是需要花費相當多的時間調整，才能得到滿意的結果，今天就來介紹你一個好站，線上網頁配色器，可以給一些配色上的參考。

 

網站位置：paletton

 

 

　　連進去後，可以看到左右兩邊的畫面，一開始如果客戶沒有特別的需求，或是完全沒有想法要怎樣配色的話，可以選畫面上方的Random，請他自己亂數給你一套配色，說不定有時候會剛好就符合需求(真的會這麼好手氣嗎XD)。

 

　　如果有個主要的顏色，但是不知道要搭配甚麼顏色的話，就可以看下面的部分，左邊是選色器，右邊是版面的感覺，先選定主色，直接用滑鼠拉著畫面中的灰點去指到你要的顏色，或是直接輸入RGB的色碼，來指定確切顏色，之後在左邊的分頁裡面，選擇你需要的配方式，有mono,complement,triad、tetrad,analogic,accented analogic等方式，選的同時，右邊的分頁裡就會同步的顯示出搭配的結果，還可以把show text打勾，觀看字在顏色上面的呈現感覺如何，如果不太滿意的話，可以用滑鼠去拉左邊分頁裡面的白點，自己橋橋看配色。

 

　　光看搭配的結果不太有感覺是嗎?可以點example來看看實際畫面的感覺，還給你兩種版本的搭配，一深一淺都有搭配好的樣子可以看，在模擬的畫面中點滑鼠的話還可以切換第二種搭配。

 

　　如果搭配的滿意的話，畫面上方有Export可以匯出現在的配色，方便在設計網頁的時候使用，還可以匯出成為Photoshop的色票，這樣在PhotoShop中也可以方便的使用這些顏色的搭配。

 

 

　　他的配色都是有根據的，起碼不會出現一些很不協調的搭配，在不知道怎麼搭配顏色的時候，可以來這邊參考參考。下次再來介紹簡單的色彩學~