title: [禁斷秘技] 強大的網頁配色器 – kuler --- **Category** - [精選技巧](https://www.soft4fun.net/category/how-to/tips) **Tag** - [MAC](https://www.soft4fun.net/tag/mac) - [MSN](https://www.soft4fun.net/tag/msn) **圖片清單** - ![[禁斷秘技] 強大的網頁配色器 - kuler 639097796_ad36f77acc_o](http://pic.soft4fun.net/imgs/1044/639097796_ad36f77acc_o.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 639097796_ad36f77acc_o") - ![[禁斷秘技] 強大的網頁配色器 - kuler 611523124_e510c10a85_m](http://pic.soft4fun.net/imgs/1261/611523124_e510c10a85_m.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611523124_e510c10a85_m") - ![[禁斷秘技] 強大的網頁配色器 - kuler 611029537_bc22c3688f_m](http://pic.soft4fun.net/imgs/1073/611029537_bc22c3688f_m.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611029537_bc22c3688f_m") - ![[禁斷秘技] 強大的網頁配色器 - kuler 611029803_f7154d3b4f_m](http://pic.soft4fun.net/imgs/1262/611029803_f7154d3b4f_m.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611029803_f7154d3b4f_m") - ![[禁斷秘技] 強大的網頁配色器 - kuler 611522374_526c00e21f](http://pic.soft4fun.net/imgs/1062/611522374_526c00e21f.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611522374_526c00e21f") - ![[禁斷秘技] 強大的網頁配色器 - kuler embaressed_smile](http://www.soft4fun.net//fckeditor/editor/images/smiley/msn/embaressed_smile.gif "[禁斷秘技] 強大的網頁配色器 - kuler embaressed_smile") - ![[禁斷秘技] 強大的網頁配色器 - kuler 611521880_f1c0e6cfc5](http://pic.soft4fun.net/imgs/1113/611521880_f1c0e6cfc5.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611521880_f1c0e6cfc5") --- 很久很久以前，我們[介紹](http://soft.onlyone.idv.tw/article.asp?id=75)過許多網頁配色器，相信那些東西造福了不少對於網頁配色常常搞得頭昏腦脹的人。 [![[禁斷秘技] 強大的網頁配色器 - kuler 639097796_ad36f77acc_o](http://pic.soft4fun.net/imgs/1044/639097796_ad36f77acc_o.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 639097796_ad36f77acc_o")](http://www.flickr.com/photos/werboy1/639097796/) 本文的主角 － [kuler](http://kuler.adobe.com/) (哭了?)，是Adobe labs所開發的一種色彩配置的工具。kuler內建了六種不同的配色規則，藉由不同的配色規則，使用者可以挑選自己喜歡的顏色，kuler會根據使用者挑選的顏色及配色規則，產生出各種不同的顏色組合。 另外，您可以將自己滿意的配色方案儲存起來，也可以從列表中挑選別人設計的且自己喜歡的進行評分。 ### ****從kuler首頁的上頭，大大的五個色塊顯示了kuler的主要特色**** [![[禁斷秘技] 強大的網頁配色器 - kuler 611523124_e510c10a85_m](http://pic.soft4fun.net/imgs/1261/611523124_e510c10a85_m.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611523124_e510c10a85_m")](http://www.flickr.com/photos/besthand/611523124/) **內建有七種不同的配色規則** 不同的配色規則(Rule)會產生出不同的配色結果。 關於那七種配色規則是什麼….老實說我也不曉得啦～非美術科系出身的我，對於這個只是一介平民，啥都不知道。 [![[禁斷秘技] 強大的網頁配色器 - kuler 611029537_bc22c3688f_m](http://pic.soft4fun.net/imgs/1073/611029537_bc22c3688f_m.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611029537_bc22c3688f_m")](http://www.flickr.com/photos/besthand/611029537/) [![[禁斷秘技] 強大的網頁配色器 - kuler 611029803_f7154d3b4f_m](http://pic.soft4fun.net/imgs/1262/611029803_f7154d3b4f_m.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611029803_f7154d3b4f_m")](http://www.flickr.com/photos/besthand/611029803/) **配色藍圖(schema)**透過色盤選擇了顏色以後，kuler會將結果擺在這五大區塊裡面(跟第一張圖很像吧)，其中中間是基準色(base color)，也就是其他的顏色會以中間的基準色為主，搭配前面提到的配色規則產生出其他四個色塊的顏色。 [![[禁斷秘技] 強大的網頁配色器 - kuler 611522374_526c00e21f](http://pic.soft4fun.net/imgs/1062/611522374_526c00e21f.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611522374_526c00e21f")](http://www.flickr.com/photos/besthand/611522374/) os: 這張圖好大阿~~~我絕對沒說他是來充場面的![[禁斷秘技] 強大的網頁配色器 - kuler embaressed_smile](http://www.soft4fun.net//fckeditor/editor/images/smiley/msn/embaressed_smile.gif "[禁斷秘技] 強大的網頁配色器 - kuler embaressed_smile") **存檔 & 分享** 最後一張圖，生在Web 2.0時代的產品就不能沒有Web 2.0的風格！辛辛苦苦的調校出自己滿意的配色藍圖以後，您可以將自己的嘔心瀝血之作存檔起來(需要加入adobe會員)，加上一點點酷炫的tag，然後…就可以順便分享好東西給其他人了 。 [![[禁斷秘技] 強大的網頁配色器 - kuler 611521880_f1c0e6cfc5](http://pic.soft4fun.net/imgs/1113/611521880_f1c0e6cfc5.jpg "[禁斷秘技] 強大的網頁配色器 - kuler 611521880_f1c0e6cfc5")](http://www.flickr.com/photos/besthand/611521880/) 另外，kuler除了web版，Adobe也沒忘了替他做一個單機版的工具。透過AIR技術，Adobe輕易的將kuler移植到您的桌面上。 kuler [http://kuler.adobe.com/](http://kuler.adobe.com/) kuler desktop [http://download.macromedia.com/pub/labs/kuler/kuler_desktop_061407.air](http://download.macromedia.com/pub/labs/kuler/kuler_desktop_061407.air)