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