有時候我覺得配色是一種「feel」,當你胡亂調色後,發現,這組顏色不錯,有衝擊力,或是明媚亮眼,或是平淡如水,或是熱情似火,或是淡雅如菊。
但其實配色是有規律可循的,而且嚴格說起來還頗為講究,現在的營銷海報、創意網站、設計圖形都少不了配色,這可謂是重大環節,那麼怎麼配色呢?看這裡▼
01 Flatuicolorpicker
扁平化UI設計配色方案。非常實用配色工具,提供各種顏色合集,可以幫助你運用到扁平化UI中,點擊右上角展開多種主色界面,隨你快速選取顏色,如果你在設計某一個項目,可以考慮使用它。
02 Materialpalette
調色板生成器。致力於為設計師們提供顏色組合搭配的工具,用戶只需要在這裡選擇一兩個顏色,系統就可以自己快速生成設計風格配色方案,選擇顏色的同時你還可以實時預覽效果圖。
03 Brandcolors
官方品牌顏色代碼集合。網站收錄了多種品牌的顏色代碼,內容由A-Z順序排列。涵蓋500px、Airbnb、Amazon、Dribbble、acebook、Twitter、Instagram等500多個品牌的十六進位顏色代碼。
04 MaterialUI
國外material 風格頁面設計框架。提供材質設計顏色、材質顏色、調色板、調色板生成器,Google材質UI顏色,材質設計顏色選擇器等不同風格搭配。
05 Grabient
一個可以用於生成web漸變得漂亮、簡單的UI。一個在線漸變配色網站,設計貼心,用戶可以交互操作,你可以用他更快地實現漂亮的漸變效果。
網站支持 CSS 樣式代碼複製、可以操控360度漸變旋轉、自由增加或刪除漸變顏色。下面給大家分享幾個簡單操作。
漸變角度:點擊左下角「90度」圖標操控漸變角度;
增加配色:點擊「+」加號就可以,同時還能選擇顏色;
改變漸變範圍:點擊右下角圖標,即可通過滑鼠拖動設置漸變範圍;
刪除色塊:選擇一個色塊,將內容拖動到右下角「垃圾桶」圖標即可。
切換顏色模式:用戶可以在HSL,RGB,HEX 之間切換。
06 Uigradients
一個為設計師和開發人員提供的在線漸變色彩配色網站,網站中的內容都是精心挑選的色彩漸變。
這裡涵蓋接近上百種漸變配色方案,設計師可任意選擇,同時還可以獲取對應漸變配色的CSS代碼。
UIgradients簡單使用方法:
點擊左上角進入所有的配色圖瀏覽界面;
選擇任意圖片可放大查看,圖片右上角提供免費下載按鈕,可直接下載自己喜歡的配色。
07 Webgradients
提供180種漸變配色靈感的網站。之前的網站大部分都是提供漸變色的,這個網站多了一些格式選擇,如PSD, Sketch, PNG,還有能夠直接複製成一段 CSS 漸變代碼,方便用戶使用配色方案。
Webgradients簡單使用方法:
打開網站可以看到多種配色方案,選擇其中一個配色,即可得到全屏顯示的漸變色;
我們可以直接下載 Sketch/PSD 或複製十六進位顏色編碼就可以使用了。
08 Colorfavs
在線圖片顏色搭配工具。用戶可以直接上傳圖片分析配色,獲取大量的優質配色方案。通過搜索某一個顏色,網站即可提供關於這個顏色的不同配色方案及相關顏色。
網站界面設計簡潔,瀏覽方便,同時提供收藏(點擊Add to Collection收藏)配色方案功能,直接拖拽上傳圖像抓取顏色配色,操作方便。
09 Duotones
圖片雙色調生成器,一個可以幫助圖片製作雙色效果的工具。這種雙色調設計風格在國外比較流行,如果你不懂ps設計,可以用他一鍵生成雙色調風格的照片。
10 0to255
一個幫助網頁設計師簡單的取色工具。如果你對配色有大大的疑惑,深刻感受到選色的困難,你可以用它來幫助你的徽標、網站、業務、房間或列印設計項目選擇並調整顏色,讓配色更合適。
如果你希望發現一種新顏色,可以使用「隨機選色」功能作為起始色,網站可提供286,943種色彩選擇。使用方法很簡單,只要獲得正確代碼,就可以直接鍵入,如選擇#d86b93十六進位顏色時,鍵入d86b93,單擊「選擇顏色」按鈕即可,可以大大滴節省時間。
11 Colorhunt
顏色獵人,在線設計配色工具。這個網站比較有特色的部分就是它會使用飽和度調配配色方案。
網站提供:
每天根據瀏覽量進行更新排版,並可以直接使用。
免費開放的色彩靈感平臺,擁有數千種時尚的手工挑選調色板。
點擊「random」給自己來點驚喜。
收錄了許多配色和色碼卡,幫助產品設計者更好的選擇顏色搭配組合。
12 Coolors
極簡的配色方案生成器。很多美工都會為配色煩惱吧,該選擇哪種顏色呢?這時候你就需要它裡 ,一個超級簡單的配色方案生成器,一次為你提供一種配色方案。
敲擊「空格鍵」可查看不同的配色方案;
點擊色塊可以鎖定當前顏色,查看其他關聯的配色組合;
指定一個顏色,點擊色塊下方的 HEX 顏色值即可直接編輯。
13 Colordrop
在線顏色組合調試工具。網站提供豐富的上百萬種色彩組合,是設計開發絕佳的色彩來源站點,可以幫助設計者們在線調試顏色組合。
我們在網站可以看到四個不同的顏色整合在一起配色,在首頁即可瀏覽色彩調色盤,可在左側切換不同背景色彩;
點擊其中任一配色組合後,會跳出對應的顏色參數(HEX/RGB),設計師可以將這些顏色應用於設計項目;
你可以更換不同背景顏色,預覽不同背景下的更多色彩體驗;
另外,點選上方的「星星」可標記為Favourites。
點選左側「Favourites」可開啟所有你加入收藏的配色組合。
14 中國色
超美的中國風配色網站。,提供各種中國的傳統顏色的名稱,CMYK值,RGB值,16進位表示。
15 Flatuicolors
扁平化設計配色參考網站。這個網站的特色就是採集了多種扁平化設計中受歡迎的色彩,你可以吸取複製裡面的任何色彩。你可以免費選擇和下載設置到本地。
好了,關於色彩,你還有什麼資源和建議,歡迎留言分享喲!今天的絢麗的色彩分享就到這裡啦!
ps:最後,記得分享、收藏、點讚、在看喲!