作者:,     

人人都需要的配色好幫手「Paletton」輕鬆調出漂亮的組合色

paletton_0

就算是厲害的設計師相信多少都會遇到配色靈感山窮水盡的一天,就更別說一般人了,有時心血來潮想(節省成本)自己設計一些小圖片,但這配色怎麼調總是看起來不夠專業嗎?「Paletton」完全能夠解決大家在配色上的困擾!

其實配色要配的安全有一定的規則可循,例如尋找類似色或是對比色也就是現在蠻流行的撞色,將兩個對比色搭在一起可以讓視覺感更活潑,不過要怎麼找出類似色或是對比色,又即使是同一個主色系也會有深淺的不同,這麼多的顏色「Paletton」都能輕鬆幫你找出來。

利用色相環直接找出需要的主色,就能幫你將各種深淺層度的色票都組合出來,如果有多色的需求,網站還提供其它四種配色模組,以主色系為主找出另外兩個相近色或是兩個相對色,也可以相近色、相對色各選出兩組,或是不死心想發揮你自己的配色美感,也能利用 Free style 來選配。

搭配好的色彩組合有時在實際搭配上可能還是會有不同的感覺,如果想預先知道可利用程式提供的各種範例套件,分別查看使用在網頁、藝術作品或是動畫上會有什麼不一樣的視覺感,確保這組配色是完美符合你心中想要的,最後可直接將配色儲存為 HTML、CSS、XML…等格式,方便後續使用。

 

操作畫面:

利用左側的色相環外圈來選擇主色系,中間的圓點也可隨意拖曳調整深淺,右側則可預覽目前的配色組合。

paletton_1

 

在左上角的位置可以切換配色模組,點選後一樣都可以在色相環微調找到自己喜歡的組合。

paletton_2

paletton_2_2

 

配出要的顏色後,可以在右下方切換到「EXAMPLES」,利用範例來看看這個配色組合實際套用到網頁或其它作品上的感覺。

paletton_3

 

在右側可以切換不同的範例。

paletton_4

paletton_4_2

paletton_4_3

paletton_4_4

 

最後再利用右下角的「TABLES/EXPORT」將配色以 HTML、CSS、XML…等格式,儲存下來使用。

paletton_5

 

 

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期:
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。
相關文章...

 

歡迎留下你的想法或意見...

  1. 訪客 說道:

    對製作網頁的人來說是個很棒的工具。

發表迴響

你的電子郵件位址並不會被公開。