彩在設計中是十分重要的,隨著設計技術的發展和演變,美麗的漸變色也愈來愈受大家喜愛。但是要迅速地配出滿意的漸變色需要不少時間,所以今天給大家分享一些快速生成漸變色的網站,真的非常實用又方便~
https://mycolor.space/
如果你喜歡漸變風格的創作,那么一定要試試這個網站。你只需要選擇一個顏色,就可以快速生成20多種不同風格的配色方案。
比如選擇了如圖所示的RGB值,就會出現下面25種配色方案。
部分方案展示
https://webgradients.com
WebGradients有100多種線性漸變配色方案,網站任何部分的內容背景都可以使用這些配色方案。使用時,只需要輕松復制色值,而且每個漸變色方案都準備了PNG格式的圖片可供下載。
https://gradientbuttons.colorion.co
這個網站里面有很多種漸變色按鈕,鼠標移動的時候,可以查看懸停的動畫效果。還可以一鍵復制 css代碼,非常方便。
uigradients.com/
Uigradients收藏了將近上百種漸變配色方案,可以說是一個以分享美麗漸變色彩為主的網站。它有幾百種漸變配色方案,可以根據自己的需求來選擇使用。
https://webkul.github.io/coolhue/sketch-plugin
Swatch是一款免費的漸變配色插件和收集工具,可以下載使用。
https://www.eggradients.com/
可以叫它「美妝蛋」神器,因為它就是用雞蛋的形狀來展示各種漸變的,很有意思。目前該平臺有超過 200 種漸變方案,每一種的色彩都很美麗,建議收藏。
https://gradienta.io/
它是一個免費 CSS 漸變色背景生成工具,且漸變方案完全開源免費,可個人使用也可商用。
超過 100多款精心制作的漸變色背景,并且都可作為 CSS 代碼、SVG 和 JPG 圖像格式使用。
部分展示
https://products.ls.graphics/mesh-gradients/
Mesh Gradients提供了超過100套精美漸變色彩,有普通漸變,也有彩虹漸變。
每一個右上角都有一個下載按鈕,可以直接下載。格式也不同,包括AI、JPS、PNG等格式。
https://coolbackgrounds.io/
它除了提供漸變色背景圖像外,也有多種帶紋理的背景圖像效果可用。比較適合正式商務風格、成熟風格。
https://duotones.co
在這個網站里面上傳圖片,可以生成雙色調效果。如果不喜歡當前效果,還可以調整對比度跟亮度。并且生成的圖片可以下載和復制色值。
以上是關于
漸變色網站的收集整理
希望對大家有所幫助
是否在設計PPT、海報或是攝影時有糾結過配色問題?
今天帶來的是20個免費好用的配色網站,并且我把這些網站做了分類,可以應對各類配色需求,希望可以幫你解決配色煩惱
如果你已經有確定的主色,需要尋找搭配的輔色,那下面這些網站最適合不過啦。
1.Adobe Color
https://www.adobe.com/cn/products/color.html
Adobe官方配色庫,不僅有適合各個場景的配色方案,在<探索>板塊中還能找到現成的配色組合。
2.Palettable
https://www.palettable.io/
輸入你的主色,網站會智能匹配合適的輔色,通過點擊<like>新增配色,點擊<dislike>切換配色。
3.Colordot
https://color.hailpixel.com/
與上一個網站功能一樣,但在交互上有所區別,通過移動鼠標,網站會顯示不同的搭配色彩。
4.ColorHexa
https://www.colorhexa.com/
顏色界中的百度,在搜索框中輸入顏色數值,網站即會推薦配色方案,但數量不多可作為備選。
如果還沒確定用什么顏色,可以看一下這些網站上已經搭配好的顏色組合,每個組合都有四種顏色構成。
1.Colorhunt
https://colorhunt.co/
推薦理由:網站上有非常多的配色組合,幾乎每天都有更新,可以根據點贊數、上線時間進行排序,快速查看最近流行的配色趨勢。
2.Colordrop / Lolcolors
https://www.colordrop.io/
https://www.webdesignrankings.com/resources/lolcolors/
如果在Colordrop沒有找到喜歡的組合,可以再去上面兩個網站試試但她們有段時間沒更新了,可以作為你的PlanB(備選)
如果想做中國風或是日系風格的設計,那下面這兩個網站一定不能錯過。
中國色 / Nipponcolors (日本色)
http://zhongguose.com/
http://nipponcolors.com/
在中國和日本的文化中都有非常傳統經典的配色,而上面的網站像一幅畫卷一樣向我們生動展現著這些寶藏色彩,中國色,莊重中帶著優雅,水墨丹青、如詩如畫;日本色,文藝中帶著清新,有著櫻花般的浪漫。2個網站可以為你的設計帶來不同的文化氣息。
配色靈感不僅可以來源于設計,還可以來源于生活,比如藝術畫作、日常攝影等
1.colorleap
https://colorleap.app/
網站像- -座藝術博物館,展覽著各個時代經典的藝術作品,在告知我們當時流行顏色的同時,也在講述著- -段段精彩的歷史。
2.illustrations
https://undraw.co/illustrations
一個免費的插畫素材網站,不僅可以直接下載素材,而且還可以把這些插畫作為配色參考,每一副作品都堪稱教科書般的配色教學。
3.Design-seeds
https://www.design-seeds.com/
除了設計以外,攝影對配色的應用也非常重了,網站上有著各類風景照片以及對應的顏色色值,或許可以給你一些色彩上的啟發。
什么是莫蘭迪色系?
基礎介紹:莫蘭迪是一位20世紀意大利畫家,他一生淡泊名利,安靜樸素,他的畫也反映著他的性格,低調柔和,不張揚、不艷麗,有點灰蒙蒙的感覺,但又特別舒適耐看。莫蘭迪色系俗稱高級灰,它并不代表一種特定顏色,而泛指那些低飽和度、擁有灰色優雅質感的顏色色系。
實戰應用:
好啦,今天的講解到這里就結束啦,感興趣的同學一起來學習呀
平面插畫素材應有盡有
有需要的直接找我私信發“插畫素材”或者“設計素材”獲取:
用HTML的顏色代碼,您可以設置網站的背景、文字顏色的顏色、表格單元格顏色、CSS樣式表中眾多元素的顏色搭配等等,不僅可以使用#80BFFF和顏色的英文名稱(red)這樣的代碼,還能使用RGBA、HSLA等帶透明通道的顏色代碼。
網頁配色使用背景的HTML顏色代碼:<body bgcolor="#80BFFF">
網頁配色使用文字的HTML顏色代碼:<font color="#80BFFF">
網頁配色使用表格的HTML顏色代碼:<table bgcolor="#80BFFF">
網頁配色使用連接的HTML顏色代碼:<a style="color:#80BFFF">
網頁配色使用CSS背景的HTML顏色代碼:.bgcolor{backgroun:#FF0000;}
網頁配色使用CSS文字顏色的HTML顏色代碼:.txtcolor{color:#424242;}
常見色彩搭配問題解答
紫色配什么顏色好看?
墨綠色配什么顏色好看?
粉色配什么顏色好看?
綠色配什么顏色好看?
藍色配什么顏色好看?
橙色配什么顏色好看?
玫紅色配什么顏色好看?
咖啡色配什么顏色好看?
紅色配什么顏色好看?
天藍色配什么顏色好看?
卡其色配什么顏色好看?
駝色配什么顏色好看?
淺綠色配什么顏色好看?
橘紅色配什么顏色好看?
橘色配什么顏色好看?
紫色配什么顏色好看
紫色配黃色系,視覺沖擊力強,會使人眼前一亮;藍色系,比較協調、不張揚。
#F1B000
#5C0C7B
#7B76AC
#2059A6
墨綠色配什么顏色好看
墨綠色比較沉穩,可以搭配活潑跳躍一點的顏色,黃色是綠色的臨近色,應該搭配不成問題,只有穿的場合問題,天藍色配個今年流行的撞色也不錯啊!
#669934
#346633
#65CC66
#0099CB
粉色配什么顏色好看
粉色這類顏色的組合多用于女性主題,例如:化妝品、服裝等,鮮嫩而充滿誘惑,傳達著柔情、嬌媚、溫柔、甜蜜、純真、誘惑的心理感受。
#FE6767
#FFCC9A
#FF6766
#CB3398
綠色配什么顏色好看
當綠色搭配同色系的亮色如檸檬黃綠、嫩草綠或白色,會給人清爽、生動的感覺;當綠色與暖色系的黃色或橙色相配,會有青春、活潑之感。而綠色與藍色、紫色或黑色相配時,高貴華麗,但是最好不要過多使用。
#346633
#669934
#9ACC99
#D6E6B5
藍色配什么顏色好看
藍色搭配:在所有顏色中,藍色服裝最容易與其他顏色搭配。不管是近似于黑色的藍色,還是深藍色,都比較容易搭配,而且,藍色具有緊縮身材的效果,極富魅力。
#30588C
#77C3F2
#B6DBF2
#3A758C
橙色配什么顏色好看
橙色是歡快活潑的光輝色彩,是暖色系中最溫暖的色,它使人聯想到金色的秋天,豐碩的果實,是一種富足、快樂而幸福的顏色。橙色稍稍混入黑色或白色,會變成一種穩重、含蓄又明快的暖色,但混入較多的黑色,就成為一種燒焦的色;橙色中加入較多的白色會帶來一種甜膩的感覺。
橙色明視度高,在工業安全用色中,橙色即是警戒色,如火車頭,登山服裝,背包,救生衣等,橙色一般可作為喜慶的顏色,同時也可作富貴色,如皇宮里的許多裝飾。橙色可作餐廳的布置色,據說在餐廳里多用橙色可以增加食欲。
橙色與淺綠色和淺藍色相配,可以構成最響亮、最歡樂的色彩。橙色與淡黃色相配有一種很舒服的過渡感。橙色一般不能與紫色或深藍色相配,這將給人一種不干凈、晦澀的感覺。由于橙色非常明亮刺眼,有時會使人有負面低俗的意象,這種狀況尤其容易發生在服飾的運用上,所以在運用橙色時,要注意選擇搭配的色彩和表現方式,才能把橙色明亮活潑具有口感的特性發揮出來。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。