damndigital_12_time-saving-online-color-tools-for-web-designers_cover_2013-09

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

色彩搭配工具

Kuler

damndigital_12_time-saving-online-color-tools-for-web-designers_kuler

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

ColourLovers

damndigital_12_time-saving-online-color-tools-for-web-designers_colour-lovers

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

Pictalulous

damndigital_12_time-saving-online-color-tools-for-web-designers_pictalulous

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

顏色拾取工具

color.hailpixel.com

damndigital_12_time-saving-online-color-tools-for-web-designers_color-hailpixel-com

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

Hexu.al

damndigital_12_time-saving-online-color-tools-for-web-designers_hexu

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

CSS Color Names

damndigital_12_time-saving-online-color-tools-for-web-designers_css-color-names

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

0to255

damndigital_12_time-saving-online-color-tools-for-web-designers_oto255

0to255列出了140種常用顏色,點選一種顏色就可以看到基於這個顏色、從亮到按的漸變顏色列表,你可以選取自己滿意的顏色直接複製程式碼使用。

Color Hexa

damndigital_12_time-saving-online-color-tools-for-web-designers_color-hexa

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

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

Sphere

damndigital_12_time-saving-online-color-tools-for-web-designers_sphere

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

Color Scheme Designer

damndigital_12_time-saving-online-color-tools-for-web-designers_color-scheme-designer

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

CSS樣式顏色取值工具

Ultimate CSS Gradient Generator

damndigital_12_time-saving-online-color-tools-for-web-designers_ultimate-css-gradient-generator

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

Hex 2 RGBA Color Calculator

damndigital_12_time-saving-online-color-tools-for-web-designers_hex-2-rgba-color-calculator

只需一鍵就能將顏色從Hex轉換為RGB,並且還提供了轉換後的CSS樣式程式碼。

自:互動中國