您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)欣賞 >> 瀏覽設(shè)計(jì)教程

設(shè)計(jì)師必備-12個(gè)好用的在線色彩搭配工具網(wǎng)站

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

色彩搭配工具

ColourLovers

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

COLOURlovers是一個(gè)極具創(chuàng)造力的色彩主題社群網(wǎng)站,這里有來自世界各地的設(shè)計(jì)師創(chuàng)造并分享他們自己的配色方案,你可以從這里獲取靈感,而且這里更歡迎你在這里分享自己的色彩方案和觀點(diǎn),以及和大家一起探討最新的色彩發(fā)展趨勢。

Kuler

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

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

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

這是一個(gè)簡單的網(wǎng)頁,通過移動(dòng)光標(biāo),網(wǎng)頁的背景顏色也會(huì)發(fā)生變化,只需輕點(diǎn)鼠標(biāo)就能將你想要的顏色和對應(yīng)的代碼保存在網(wǎng)頁的左欄。

Hexu.al

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

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

CSS Color Names

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

147 Colors列舉了147種CSS顏色名稱,對于網(wǎng)頁設(shè)計(jì)師和開發(fā)人員來說實(shí)在是大有幫助。

0to255

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

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

Color Hexa

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

ColorHexa 是一個(gè)免費(fèi)的顏色工具,提供與任何顏色相關(guān)的信息。只需在搜索框輸入任意顏色值,ColorHexa 就能給你返回一個(gè)詳細(xì)的描述,并會(huì)自動(dòng)將其轉(zhuǎn)換成對應(yīng)的十六進(jìn)制、二進(jìn)制、RGB、CMYK、HSL、HSV、 CIE-Lab、Hunter-Lab、CIE-Luv、CIE-LCH、XYZ、xyY 值。

運(yùn)用色彩理論的調(diào)色盤工具

Sphere

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

Sphere提供了簡單方便的界面,在色輪上選出一種顏色以后,Sphere會(huì)自動(dòng)生成其他相關(guān)顏色供選擇。

Color Scheme Designer

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

色彩搭配師 Color Scheme Designer,還記得上個(gè)月我們曾專門給大家詳細(xì)介紹過這一工具嗎(Link)?它可以通過色相、互補(bǔ)色、類似色等規(guī)劃出完美的配色,并且除了英文版還有中文版可供大家使用。

CSS樣式顏色取值工具

Ultimate CSS Gradient Generator

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

十分給力的CSS漸變代碼生成器,除了網(wǎng)站內(nèi)提供的樣式以外,你還可以自己編輯漸變樣式和顏色,代碼立刻生成。

Hex 2 RGBA Color Calculator

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

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

  來源:LINE25

  編輯:Joy Li@ DamnDigital yixieshi.com

  (轉(zhuǎn)載請注明來自:DamnDigital )

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/de1692.html
酷站欣賞:CSS Awards 大獎(jiǎng)的50個(gè)最佳網(wǎng)站
值得設(shè)計(jì)師下載的33套頂尖免費(fèi)英文字體
圖趣網(wǎng)微信
建議反饋
×