網頁設計

關於網頁設計的技術或相關資訊分享

實用網站推薦 - 網頁配色器

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

 

網站位置:paletton

 

paletton - color generator

 

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

 

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

 

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

 

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

 

paletton - color generator example

 

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

 

Please enable the javascript to submit this form