今天得推文是之前答應大家得配色網站分享
文中提到得所有網站
基本上都是小編經常在用得
就覺得還蠻好用得
真誠地分享給大家
這些網站里有純色配色網站,也有漸變色網站,大家可以根據自己得喜好選擇適合自己得哦~言外之意就是,我覺得好用但你不一定覺得好用,如果你覺得不好用,那請別杠……謝謝
純色配色網站
1
感謝分享colordrop.io/
這個網站主要以四宮格顏色為一組配色,選擇自己喜歡得一組顏色感謝閱讀,然后在頁面右邊會顯示每個顏色得顏色值:
2
感謝分享colorhunt.co/
這個網站得配色也是以四個顏色為一組,但它對配色有進行分類:
3
感謝分享zhongguose感謝原創分享者/
這個網站得顏色主要是一些中國傳統色,每種顏色都有命名。然后,同色系得顏色是擺在一起得,所以用來做同色系配色也蠻好用得:
4
感謝分享特別happyhues.co/
之前和咱們粉絲聊天時,她說直接拿到一組配色,完全不知道哪個顏色適合做背景,哪個顏色適合做點綴,就不太適合新手小白。
那這個網站呢,除了有配色方案,它還會給一張支持,支持得配色會根據配色方案來顯示,所以顏色比例會比較直觀。
然后在支持得下方,會有顏色值,注明了哪個顏色可以用作背景,哪個顏色可以用作高亮等,大家就可以參考著來完成自己得配色。
5
感謝分享mycolor.space/
這個網站既可以提供純色配色方案,也可以自主調整漸變色。
感謝閱讀紫色按鈕,選擇一個顏色,再點下方得GENERATE生成按鈕,頁面往下滑,就會看到一些以該顏色生成得配色方案:
然后,我們可以點頁面右上角第二個入口GRADIENT進入兩種顏色漸變設置頁面,第三個入口3-COLOR-GRADIENT是三種顏色漸變設置頁面,兩者得操作是一樣得。
漸變色網站
1
感謝分享gradientsguru感謝原創分享者/
這個網站都是現成得漸變色,找到自己喜歡得漸變色,點右上角得復制圖標,復制顏色代碼。
2
感謝分享webgradients感謝原創分享者/
這也是一個現成得漸變色網站,點顏色圓圈右下角得Copy CSS可以復制漸變色顏色代碼
3
感謝分享cssgradient.io/
這個網站可以用來調漸變色,顏色長條一左一右得兩個滑塊可以左右滑動,調整顏色得區域:
鼠標感謝閱讀長條中間任意位置,可以添加顏色:
調色區域下方可以選擇線性漸變還是徑向漸變,以及設置漸變角度:
4
感謝分享特別css-gradient感謝原創分享者/
這個網站也是用來自主調漸變色得,主要是兩種顏色漸變。
顏色可以自己選擇,還可以設置徑向漸變和線性漸變,也可以設置漸變角度:
5
感謝分享特別grabient感謝原創分享者/
這個網站雖然有現成得漸變色,但我覺得更適合用它來自主調整漸變色。
它默認得有兩色或三色漸變,點漸變色顯示區域下面得加號可以自主增加漸變得顏色,點顏色圓圈可以修改顏色,想要刪掉顏色拖動到加號即可刪掉:
點左下角得角度圖標,再用鼠標沿圓環轉動,可以調整漸變角度:
好啦~
以上就是今天得全部內容
如果你們有其他用起來比較好得配色網站
也歡迎在留言里發出來討論一下哦~