萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網絡設計師必備:12個在線色彩搭配工具

網絡設計師必備:12個在線色彩搭配工具

網絡設計師必備:12個在線色彩搭配工具 三聯

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

  色彩搭配工具

  ColourLovers

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

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

  Kuler

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

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

  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,還記得上個月我們曾專門給大家詳細介紹過這一工具嗎(Link)?它可以通過色相、互補色、類似色等規劃出完美的配色,並且除了英文版還有中文版可供大家使用。

  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樣式代碼。

  來源:LINE25

  編輯:Joy Li@ DamnDigital

  (轉載請注明來自:DamnDigital)

copyright © 萬盛學電腦網 all rights reserved