今天的推文是之前答應大家的配色網(wǎng)站分享
文中提到的所有網(wǎng)站
基本上都是小編經(jīng)常在用的
就覺得還蠻好用的
真誠地分享給大家
這些網(wǎng)站里有純色配色網(wǎng)站,也有漸變色網(wǎng)站,大家可以根據(jù)自己的喜好選擇適合自己的哦~言外之意就是,我覺得好用但你不一定覺得好用,如果你覺得不好用,那請別杠……謝謝
純色配色網(wǎng)站
1
https://colordrop.io/
這個網(wǎng)站主要以四宮格顏色為一組配色,選擇自己喜歡的一組顏色點擊,然后在頁面右邊會顯示每個顏色的顏色值:
2
https://colorhunt.co/
這個網(wǎng)站的配色也是以四個顏色為一組,但它對配色有進行分類:
3
http://zhongguose.com/
這個網(wǎng)站的顏色主要是一些中國傳統(tǒng)色,每種顏色都有命名。然后,同色系的顏色是擺在一起的,所以用來做同色系配色也蠻好用的:
4
https://www.happyhues.co/
之前和咱們粉絲聊天時,她說直接拿到一組配色,完全不知道哪個顏色適合做背景,哪個顏色適合做點綴,就不太適合新手小白。
那這個網(wǎng)站呢,除了有配色方案,它還會給一張圖片,圖片的配色會根據(jù)配色方案來顯示,所以顏色比例會比較直觀。
然后在圖片的下方,會有顏色值,注明了哪個顏色可以用作背景,哪個顏色可以用作高亮等,大家就可以參考著來完成自己的配色。
5
https://mycolor.space/
這個網(wǎng)站既可以提供純色配色方案,也可以自主調(diào)整漸變色。
點擊紫色按鈕,選擇一個顏色,再點下方的GENERATE生成按鈕,頁面往下滑,就會看到一些以該顏色生成的配色方案:
然后,我們可以點頁面右上角第二個入口GRADIENT進入兩種顏色漸變設置頁面,第三個入口3-COLOR-GRADIENT是三種顏色漸變設置頁面,兩者的操作是一樣的。
漸變色網(wǎng)站
1
http://gradientsguru.com/
這個網(wǎng)站都是現(xiàn)成的漸變色,找到自己喜歡的漸變色,點右上角的復制圖標,復制顏色代碼。
2
https://webgradients.com/
這也是一個現(xiàn)成的漸變色網(wǎng)站,點顏色圓圈右下角的Copy CSS可以復制漸變色顏色代碼
3
https://cssgradient.io/
這個網(wǎng)站可以用來調(diào)漸變色,顏色長條一左一右的兩個滑塊可以左右滑動,調(diào)整顏色的區(qū)域:
鼠標點擊長條中間任意位置,可以添加顏色:
調(diào)色區(qū)域下方可以選擇線性漸變還是徑向漸變,以及設置漸變角度:
4
https://www.css-gradient.com/
這個網(wǎng)站也是用來自主調(diào)漸變色的,主要是兩種顏色漸變。
顏色可以自己選擇,還可以設置徑向漸變和線性漸變,也可以設置漸變角度:
5
https://www.grabient.com/
這個網(wǎng)站雖然有現(xiàn)成的漸變色,但我覺得更適合用它來自主調(diào)整漸變色。
它默認的有兩色或三色漸變,點漸變色顯示區(qū)域下面的加號可以自主增加漸變的顏色,點顏色圓圈可以修改顏色,想要刪掉顏色拖動到加號即可刪掉:
點左下角的角度圖標,再用鼠標沿圓環(huán)轉(zhuǎn)動,可以調(diào)整漸變角度:
好啦~
以上就是今天的全部內(nèi)容
如果你們有其他用起來比較好的配色網(wǎng)站
也歡迎在留言里發(fā)出來討論一下哦~
好了,這篇文章的內(nèi)容發(fā)貨聯(lián)盟就和大家分享到這里,如果大家網(wǎng)絡推廣引流創(chuàng)業(yè)感興趣,可以添加微信:80709525 備注:發(fā)貨聯(lián)盟引流學習; 我拉你進直播課程學習群,每周135晚上都是有實戰(zhàn)干貨的推廣引流技術(shù)課程免費分享!