不會配色怎麼辦?什麼樣的顏色最迷人?怎麼調配出克萊因的藍、莫奈的灰?克瑞思為大傢推薦一些配色網站,既有自動檢測色值幫你做好配色,又有各類主題色卡助你明晰設計特點,設計大神的必備網站讓你輕松學會配色,一起來看看吧!
1
Colrd
http://colrd.com
用戶可以自己上傳圖片與配色方案。看到喜歡的配色,就可以保存下來。就連圖片的來源都有標註,非常方便。
2
Adobe Color CC
https://color.adobe.com/
Adobe color是一傢在線色輪提取網站,使用兼容性很強,它能提供RGB、CMYK、LAB、SHB、HEX五種色彩模式,非常人性化,用戶可以根據自己的配色要求進行實時搭配,是配色的必備良器。
3
uiGradients
https://uigradients.com
UiGradients是一個在線以漸變色為主的分享網站,色值非常全且每個顏色還有一個超美的名字。
該網站收錄瞭近百種漸變色配色方案,可以直接下載使用或復制 CSS 代碼用於其他設計,網站支持用戶自行添加優質配色方案。體驗非常人性化,實用性非常高。
4
WebGradients
https://webgradients.com/
WebGradients是180個線性漸變的集合,免費供商業或個人使用。網站整體風格偏柔和,看起來很幹凈。
5
ColorExplorer
http://www.colorexplorer.com
ColorExplorer是一款可以上傳圖片、自動檢測色值的線上工具,操作酷炫。隻要拖動小方塊,就會自動匹配合適的顏色,集合多種配色工具。
6
Muzli Colors
https://colors.muz.li/
Muzli Colors是一個能夠快速實現自定義UI配色的網站,在Mizli Colors上你隻需選擇你需要的配色,下方的UI模板立即就會改變相應的配色方案。
7
Palettable
https://www.palettable.io/
Palettable是一個在線配色生成神器,分析數百萬設計配色知識,為用戶智能推薦一個顏色。在進入網頁時,會隨機推薦顏色,用戶隻需要選擇喜歡or不喜歡,直到搭配出想要的色板。
8
Reeoo
https://reeoo.com/
Reeoo是一個專門收集優秀網頁設計的網站,目前已收錄瞭 APP 設計、Ipad 設計、Icon 設計等近千個網站案例。
比如說點擊紫色,頁面會跳出主色調為紫色的網站、APP設計。
9
colorsupplyyy
http://colorsupplyyy.com
ColorSupply收集瞭來自世界各地設計師的色彩搭配方案,按照五大配色:互補色、相似色、三色調、分離互補色、四色調來分類。使用者可以通過移動取色桿預覽區域內的色值變化及ICON效果展示,點擊色卡旁邊的原點標志,則會直接跳轉到設計師主頁查看對方的更多作品。
10
duotone.shapefactory
https://duotone.shapefactory.co/?f=10c5f8&t=6736dd&q=
Duotone by ShapeFactory左側是色彩調整欄,右側是圖片預覽,網站集成Unsplash免費素材庫支持圖片搜索功能,用戶可以在線調整配色並下載使用。
11
Zhongguose
http://zhongguose.com
Zhongguose上介紹瞭屬於中國人自己的顏色名稱,原本就很詩意的名稱加上中國風的行書字體,讓你真切的感受到中國文化的博大精深。進入網站後,點擊相應的顏色名稱,網站的背景也會自動變成相應的顏色,右側還會顯示輸出用的CMYK色值,以及顯示屏用的RGB色值。
12
LOL Colors
http://www.lolcolors.com
一款非常簡潔,文藝又活潑、小資的色彩方案搭配網站。鼠標移動到不同顏色的水滴上會有色彩代碼(Hex Code)的顏色值。
13
happy hues
https://www.happyhues.co/
一個在線實時展示靈感的網站,包括17種預設配色組、6個基礎顏色術語、8種色彩心理學分析,點擊左側調色板時網頁配色也會隨之改變,單擊即可復制十六進制代碼,幫你快速找到適合的配色指南。
14
Eva Design System
https://colors.eva.design/
Eva Design System提供瞭系統化的配色解決方案,你隻需選取相應的顏色,平臺就會通過算法給你由淺到深的呈現相應的色彩配色。網站還支持調節日間與夜晚模式。
15
Trianglify
https://trianglify.io/
網站提供多邊形背景圖片的在線制作與生成,用戶可以自定義顏色、圖片大小與圖案強度,支持免費預覽圖片生成效果,導出高清PNG和SVG格式時需付費下載。