設(shè)計(jì)師必備-12個(gè)好用的在線色彩搭配工具網(wǎng)站
在設(shè)計(jì)項(xiàng)目的時(shí)候,你是否常為色彩搭配而苦惱?為了幫助設(shè)計(jì)師加快工作速度,如今網(wǎng)絡(luò)上也有越來越多的色彩搭配工具可供設(shè)計(jì)師們使用。本期的互動(dòng)中國分享帶來了12個(gè)好用的在線色彩搭配工具,來看看哪款工具更適合你。
色彩搭配工具
ColourLovers
COLOURlovers是一個(gè)極具創(chuàng)造力的色彩主題社群網(wǎng)站,這里有來自世界各地的設(shè)計(jì)師創(chuàng)造并分享他們自己的配色方案,你可以從這里獲取靈感,而且這里更歡迎你在這里分享自己的色彩方案和觀點(diǎn),以及和大家一起探討最新的色彩發(fā)展趨勢。
Kuler
對于Adobe Kuler,相信很多人都很熟悉這套工具。你不僅可以在上面尋找到預(yù)置的配色方案,也可以創(chuàng)建屬于自己的色板。
Pictalulous
Pictaculous可以幫助你直接從上傳的圖片中提取出一套配色方案。
顏色拾取工具
color.hailpixel.com
這是一個(gè)簡單的網(wǎng)頁,通過移動(dòng)光標(biāo),網(wǎng)頁的背景顏色也會(huì)發(fā)生變化,只需輕點(diǎn)鼠標(biāo)就能將你想要的顏色和對應(yīng)的代碼保存在網(wǎng)頁的左欄。
Hexu.al
面對那些看起來干巴巴的16進(jìn)制顏色代碼,Hexu.al把它們表意成了具體的英文單詞,比如代碼為#ACCE55的顏色你可以將它記為Access,#C0FFEE可以記為coffee。掌握了這種方法,枯燥的16進(jìn)制顏色代碼也能變得有趣了起來!
CSS Color Names
147 Colors列舉了147種CSS顏色名稱,對于網(wǎng)頁設(shè)計(jì)師和開發(fā)人員來說實(shí)在是大有幫助。
0to255
0to255列出了140種常用顏色,點(diǎn)擊一種顏色就可以看到基于這個(gè)顏色、從亮到按的漸變顏色列表,你可以選取自己滿意的顏色直接復(fù)制代碼使用。
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
Sphere提供了簡單方便的界面,在色輪上選出一種顏色以后,Sphere會(huì)自動(dòng)生成其他相關(guān)顏色供選擇。
Color Scheme Designer
色彩搭配師 Color Scheme Designer,還記得上個(gè)月我們曾專門給大家詳細(xì)介紹過這一工具嗎(Link)?它可以通過色相、互補(bǔ)色、類似色等規(guī)劃出完美的配色,并且除了英文版還有中文版可供大家使用。
CSS樣式顏色取值工具
Ultimate CSS Gradient Generator
十分給力的CSS漸變代碼生成器,除了網(wǎng)站內(nèi)提供的樣式以外,你還可以自己編輯漸變樣式和顏色,代碼立刻生成。
Hex 2 RGBA Color Calculator
只需一鍵就能將顏色從Hex轉(zhuǎn)換為RGB,并且還提供了轉(zhuǎn)換后的CSS樣式代碼。
來源:LINE25
編輯:Joy Li@ DamnDigital yixieshi.com
(轉(zhuǎn)載請注明來自:DamnDigital )
本文地址:http://irelandcustomcontracting.com/tutorial/de1692.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏