在設計項目的時候，你是否常為色彩搭配而苦惱？為了幫助設計師加快工作速度，如今網絡上也有越來越多的色彩搭配工具可供設計師們使用。本期給童鞋們帶來了12個好用的在線色彩搭配工具，來看看哪款工具更適合你。

在線系列合集：
摳圖神器！超贊的在線智能摳圖工具：CLIPPINGMAGIC
要失業了！在線圖形設計平臺CANVA正式上線
PROCESSON！免費在線作圖 實時協作工具
神器推薦：FROONT！在線可視化響應式網頁設計工具
7個免費在線制作LOGO的網站

色彩搭配工具

Kuler

對于Adobe Kuler，相信很多人都很熟悉這套工具。你不僅可以在上面尋找到預置的配色方案，也可以創建屬于自己的色板。

ColourLovers

COLOURlovers是一個極具創造力的色彩主題社群網站，這里有來自世界各地的設計師創造并分享他們自己的配色方案，你可以從這里獲取靈感，而且這里更歡迎你在這里分享自己的色彩方案和觀點，以及和大家一起探討最新的色彩發展趨勢。

Pictalulous

Pictaculous可以幫助你直接從上傳的圖片中提取出一套配色方案。

顏色拾取工具

color.hailpixel.com

這是一個簡單的網頁，通過移動光標，網頁的背景顏色也會發生變化，只需輕點鼠標就能將你想要的顏色和對應的代碼保存在網頁的左欄。

Hexu.al

面對那些看起來干巴巴的16進制顏色代碼，Hexu.al把它們表意成了具體的英文單詞，比如代碼為#ACCE55的顏色你可以將它記為Access，#C0FFEE可以記為coffee。掌握了這種方法，枯燥的16進制顏色代碼也能變得有趣了起來！

CSS Color Names

147 Colors列舉了147種CSS顏色名稱，對于網頁設計師和開發人員來說實在是大有幫助。

0to255

0to255列出了140種常用顏色，點擊一種顏色就可以看到基于這個顏色、從亮到按的漸變顏色列表，你可以選取自己滿意的顏色直接復制代碼使用。

Color Hexa

ColorHexa 是一個免費的顏色工具，提供與任何顏色相關的信息。只需在搜索框輸入任意顏色值，ColorHexa 就能給你返回一個詳細的描述，并會自動將其轉換成對應的十六進制、二進制、RGB、CMYK、HSL、HSV、 CIE-Lab、Hunter-Lab、CIE-Luv、CIE-LCH、XYZ、xyY 值。

運用色彩理論的調色盤工具

Sphere

Sphere提供了簡單方便的界面，在色輪上選出一種顏色以后，Sphere會自動生成其他相關顏色供選擇。

Color Scheme Designer

色彩搭配師 Color Scheme Designer，它可以通過色相、互補色、類似色等規劃出完美的配色，并且除了英文版還有中文版可供大家使用。

CSS樣式顏色取值工具

Ultimate CSS Gradient Generator

十分給力的CSS漸變代碼生成器，除了網站內提供的樣式以外，你還可以自己編輯漸變樣式和顏色，代碼立刻生成。

Hex 2 RGBA Color Calculator

只需一鍵就能將顏色從Hex轉換為RGB，并且還提供了轉換后的CSS樣式代碼。

原文地址：line25.com
譯文地址：damndigital.com
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量55萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：