title: [禁斷秘技] 網頁設計人員的好幫手－網頁配色器 --- **Category** - [精選技巧](https://www.soft4fun.net/category/how-to/tips) **Tag** - [網頁設計](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88) - [網頁配色](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e9%85%8d%e8%89%b2) **圖片清單** - ![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324443_8911ac69f0_m](http://static.flickr.com/74/157324443_8911ac69f0_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324443_8911ac69f0_m") - ![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324436_57c8c7bd5a_m](http://static.flickr.com/76/157324436_57c8c7bd5a_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324436_57c8c7bd5a_m") - ![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324561_8d4ce2a6b6_m](http://static.flickr.com/52/157324561_8d4ce2a6b6_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324561_8d4ce2a6b6_m") - ![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324465_6289bf033a_m](http://static.flickr.com/50/157324465_6289bf033a_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324465_6289bf033a_m") - ![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324539_e1c3f64697_m](http://static.flickr.com/65/157324539_e1c3f64697_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324539_e1c3f64697_m") --- 對我這種對於配色有如腦殘般(好像也沒這麼嚴重= =)的人來說，網頁配色可是心頭大恨之一，絞盡腦汁就是找不出好的配色方式。 不過今天在網路上看到的這個東西…只能用太酷了來形容，雖然他不是什麼新東西，但對我來說有如殺人放火一般，比吃到甲小的鍋巴料理，比吃到用七個傳說中的廚具做出來的料理還驚喜……算了，太誇張了，反正就是好物！好物就是要介紹！好物就是要推薦！ 喇賽太多，繼續….. #### **第一好物：[ColorMatch 5K](http://www.colormatch.dk/)** [![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324443_8911ac69f0_m](http://static.flickr.com/74/157324443_8911ac69f0_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324443_8911ac69f0_m")](http://www.flickr.com/photos/besthand/157324443/) > > 級容易使用的 > 色選擇器，只要拉動三原色(RGB)的捲軸調整色彩，下方就會依據所選擇的色彩 > 置 > 他五個顏色讓您搭 > 在網頁上，而顏色的搭 > 方式可是大有來頭，不過我也不知道來頭是哪…反正就不是亂搭囉。 #### **第二好物：[ColorMatch 10K](http://www.nickherman.com/colormatch/)** [![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324436_57c8c7bd5a_m](http://static.flickr.com/76/157324436_57c8c7bd5a_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324436_57c8c7bd5a_m")](http://www.flickr.com/photos/besthand/157324436/) > 很明顯的看的出來…10K是5K的昇級版(屁)…..這個 > 實是作 > ”自稱”是偷5K的來改的，除了繼承了5K版優異的功能外，還可以把目前所選擇的顏色儲存起來(右邊直列那排)，當你猶豫不知道要選的時候，賣ㄍㄧㄚ！點選紀錄的色彩看看哪個最順眼，就是他了！ #### **第三好物：[technicolor](http://www.themaninblue.com/experiment/Technicolor/)** [![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324561_8d4ce2a6b6_m](http://static.flickr.com/52/157324561_8d4ce2a6b6_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324561_8d4ce2a6b6_m")](http://www.flickr.com/photos/besthand/157324561/) > 長江後浪推前浪，前浪死在沙灘上，這個第三好物又更 > 了…除了 > 色以外，還在右邊顯示簡單的網頁讓你可以馬上得之色彩顯示出來的結果大概是如何。更重要的是….連CSS也不用自己寫了！程式都幫你產生好了，還寫什麼CSS呢？ #### **第四好物：[ColorMixer](http://colormixers.com/mixers/cmr/)** [![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324465_6289bf033a_m](http://static.flickr.com/50/157324465_6289bf033a_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324465_6289bf033a_m")](http://www.flickr.com/photos/besthand/157324465/) > 說真的不知道該怎麼介紹這個了…經過前面”三物”的洗禮過後，相信您看到圖的時候應該就能想像是什麼碗糕了吧… #### **第五好物：[Color Schema Generator 2](http://wellstyled.com/tools/colorscheme2/index-en.html)** [![[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324539_e1c3f64697_m](http://static.flickr.com/65/157324539_e1c3f64697_m.jpg "[禁斷秘技] 網頁設計人員的好幫手－網頁配色器 157324539_e1c3f64697_m")](http://www.flickr.com/photos/besthand/157324539/) > 名字又臭又長，看就知道不是什麼簡單的人”物”。 > 沒錯，他是這次PO出來的五大好物中最極致的好物，怎麼說？原因很簡單，因為除了在左邊的色盤拉滑鼠選色彩、選 > 色模式外，我真的不了解裡面這麼多選 > 的意思呢！但是製造出來的效果也不是一般的………好！試試看吧，這也很棒的。 以上好物，謹獻給跟我一樣有嚴重的配色困擾的朋友，救人一命，勝造七級浮屠～阿彌佗佛，善哉，善哉！ 全文轉貼自 [我的世界‧我的天](http://blog.onlyone.idv.tw)