網站不知道怎麼配色?看看這10個優質配色參考網站(一)

2020-12-12 AAA學院

配色用的好不好,直接影響到整體設計的視覺與情感表達。配色靈感枯竭的時候,不妨上這10個配色網站上看看:

關於配色技巧,還可以參考文章:《適合平面基礎學習者的色彩搭配小知識》

1、配色網

www.peise.net/

支持在線配色和顏色搭配等

2、Flat UI Colors

flatuicolors.com/

這個網站提供了多種主流 UI 配色方案,特別是扁平化配色

3、WebGradients

webgradients.com

180個網站漸變背景色集合,收錄了非常多的漸變色彩,點擊可以大圖預覽,喜歡的話可以下載png 圖片,很方便

4、Colorhunt

www.colorhunt.co

包含了一系列漂亮炫酷的色彩組合,網站會每天更新配色方案,並且根據瀏覽數排列出最漂亮的配色方案

5、LOL Colors

www.lolcolors.com/

一個很簡單、設計可愛的在線配色工具,設計師可們可以在這裡找到很多色彩組合,把滑鼠移動到不同顏色的水滴上會提示色彩代碼(Hex Code)的顏色值

6、Nipponcolors

nipponcolors.com

這是一個很文藝的網站,裡面收錄了非常多看好的顏色,而且每一種顏色都有一個很文藝的名稱,整個網站的背景主色也是一直在變化的

7、Palettable

www.paint.io

特點是根據你的喜好進行配色。最初進入網站會出現一種顏色,你只需要選擇「喜歡」或者「不喜歡」從而選擇顏色,直到搭配出你想要的色板

8、adobe color cc

color.adobe.com

這款是 Adobe 官方出品的配色工具,裡面有很多配色的模式,比如單色系,三元色,互補色等,它可以通過不同色彩規則來提供配色參考

9、優設色彩

color.uisdc.com/

包含有中國傳統色彩、日本傳統色彩等常見配色方案,都有相應的色值參數

10、colorhunter

www.colorhunter.com/

可以按照圖片來自動生成相應的不同調色板,也就是配色方案,可以直接從圖像中取色,然後給出最合適的色彩

相關焦點

  • 漫畫人物怎麼配色?配色參考
    漫畫人物怎麼配色?配色參考!在繪畫中,色彩是能引起我們共同的審美愉悅的、最為敏感的形式要素。色彩是最有表現力的要素之一,因為它的性質直接影響人們的感情。那如何進行配色呢,是很多小夥伴們正面臨的問題,如果色彩搭配得不好,會出現畫面髒、質感低等各種問題。
  • 一分鐘搞定PPT配色丨附24個PPT配色網站
    入正題吸管工具 + 配色網站 = 1分鐘搞定PPT配色在使用吸管工具時,要跳出PPT軟體——吸管工具可以吸取軟體以外,屏幕內的任何顏色。所以,當你要給PPT設置配色時,可以打開分享配色的網站,直接吸取,搞定PPT配色方案。那麼,有哪些配色方案的網站呢?
  • 高端配色進階(內附網站參考連結)
    這篇文章是關於個人比較在意的高端感覺配色和設計相關的事情。所以試著寫一下這個題目的文章。體現高端感覺的網站,不限於行業種類,在各行各業中都有體現。作為初學者的時候,都會有如何能做出這樣的設計?這也是高級化妝品的品牌網站。因為主體使用了黑色作為配色,打開時會留下很強的成人感覺。為了體現出成人的氣氛與考慮到配色的統一,其他用色也與商品都使用了同樣低明度的紫色。
  • 分享5個好用的配色網站,建議收藏
    中國色該網站收藏了非常多的中國色,而且每一種顏色都有一個很文藝的名稱,顏色皆以色卡的形式來呈現,並且還有中英文互譯,可以說是十分貼心了。是一個很文藝的網站。而且整個網站的背景主色是一直在變化的,非常棒。
  • 請收好這12個配色網站,屌炸了!
    學好配色需要時間打磨 但用好配色工具 便可以快速排出一篇 色彩賞心悅目的圖文 在這裡整理了 關於配色的5種風格12個網站
  • 2020年必定要收藏好的配色網站!
    配色網站可以幫助我們在設計的過程中,需找最合適的配色方案,並激發配色靈感。一起來看看這裡面精挑細選的15個配色網站吧,絕對乾貨! 中國風配色 zhongguose.com 超美的中國風配色,網站號稱收集了最全的中國色,還有中英文互譯,非常貼心,五星好評。
  • 5個免費配色網站,讓你不再為配色發愁
    在這兒,你總能找到一款你喜歡的   01   日本の伝統色   http://nipponcolors.com/   Nippon colors它是一個日本傳統用色的色譜網站
  • 3個大神級配色網站,一鍵生成PPT配色方案,網友:太實用了
    配色是PPT中繞不開的話題!一份優秀的PPT一定離不開優秀的配色,反之,如果一份PPT的設計做的非常有創意,但如果配色使用錯誤,直接會導致一份作品團滅!任何一個配色都是有色彩原理的,但對於很多職場人而言,搞懂這些深奧的原理似乎意義不大,畢竟我們不是專業的色彩師。那有沒有簡單的辦法呢?這裡給大家推薦4個優秀的配色網站,幫你輕鬆獲取配色,搞定高大上配色!
  • 這十個網際網路巨頭的網站配色數據拿去!
    在網際網路上,一個好的網頁配色能叫人眼前一亮,甚至產生極大的品牌效應,好比「阿里橙」、「鏈家綠」等等。來自美國的一位設計師Paul Hebert爬取了全球前10大網站的網頁配色數據,發現了一些有趣的現象: 哪種顏色最受歡迎?在潛移默化中,這些熱門網站又向你灌輸了怎樣的用色傾向呢?找出熱門網站的配色偏好我曾對全球那些大型熱門網站的網頁配色感到好奇,於是決定找出答案。
  • 做PPT不會配色怎麼辦?小白也能秒變配色大師
    大家好,這裡是小夫百寶箱,今天給大家介紹一個配色網站——Color Hunt不知道小夥伴日常做PPT的時候,有沒有因為PPT色彩搭配的問題而頭疼,畢竟我們都知道配色對於設計的重要性,好的配色能準確傳達氣質、情感和理念
  • 8款配色神器,5分鐘解決你所有的配色難題!(建議收藏)
    相信大都知道,「吸睛」的畫面往往伴隨著出彩的顏色搭配,配色不好看,細節再精緻也很難吸引眼球。今天給大家分享8個獨家寶藏配色神器,讓大家能快速提高「色感」,也能讓大家的設計效率upupup!很多同學都知道,世界上著名畫家的作品不僅可以用來欣賞,還可以用來學配色。
  • 分享10個很有用的個人提升網站
    今天分享 10個很有用的個人提升網站,每一個都是自己用心挑選,每一個都是讓人眼前一亮,你用過就知道好用。所有網站連結獲取方法文章末尾提供。一個聚集了多平臺數據、可根據通勤時間定位找房的網站。每每說起租房,總是各有各的辛酸淚。下載了十幾個app,看了一百多個房源,合適的最多不超過五個。即便精挑細選,還是會踩雷。路途遙遠,通勤時間長,在早高峰的地鐵做人肉餡餅,足以磨滅每個上班族的元氣。如果你正在經歷這種心酸,這個網站就是你生命的曙光!首頁很簡潔,沒有多餘的廣告。
  • 蘋果AirPods Max 線上配色網站,教你搭出個人最耀眼時尚色系
    但是換個耳罩襯墊顏色後,肯定能讓AirPods Max 配出不同視覺元素感,當顏色用對了,視覺整體就會非常順眼,在這次要來分享線上AirPodds Max 配色網站,讓你玩出時尚配色,同時也能透過這篇掌握時尚色。自從上次?
  • 網頁配色!什麼樣的配色方案才有高端的感覺?
    這篇文章是關於個人比較在意的高端感覺配色和設計相關的事情,所以試著寫一下這個題目的文章。體現高端感覺的網站,不限於行業種類,在各行各業中都 有體現。作為初學者的時候,都會有「如何能做出這樣的設計?怎樣可以體現出高端感覺?…」的煩惱。這裡通過匯總多個這種類型網站去試著體會一下。
  • 28個建築專業學生可能必須知道的網站
    、表現、素材等大家可能知道可能不知道的網站,算是自己在這方面的總結,也分享出來水水推送hhh;就對於建築相關專業的學生來講,這些網站是絕對是對你有用的;主要分為以下幾個方面:方案設計、圖紙表現、軟體學習、配色、地圖、3d模型、渲染、P圖素材;ok,廢話少說,直接進入正題吧
  • 第五章丨PPT配色的設計,怎樣的配色會讓人覺得舒服?
    3、獲取XML這時問題又來了,怎麼才能獲取XML主題色文件呢?一般需要在網上搜索或在國外的PPT網站裡面獲取XML文件。好了,關於這個技巧希望大家多多嘗試一下,下面具體分享一下關於PPT中配色的使用方法。
  • [一文獲得配色能力]一勞永逸的配色方案,6大配色系統大放送(上)
    這三個屬性正是我們後來學習色彩的基礎概念,它們時刻被提起,並時刻被應用。你應當明白如何利用色彩的三個屬性去定義和描述色彩,每當你看見色彩的時候,你都能夠利用色相、飽和度、明度這三個屬性去思考和觀察。最終,我們利用前面的基礎概念過渡到了色輪。從此以後,色輪將是你一直使用的色彩工具,如果沒有色輪你將很難進行初級的配色。
  • 這份PPT配色秘籍,送給你了
    不過在學習這門配色秘籍之前,一定要切記,PPT中一定儘可能的不要使用飽和度過高的顏色!!!當然不犯。如果你願意更不要臉一些。直接「偷」別人優秀作品裡面的配色!大家知道這個概念就行了,沒必要太過於了解。好了,回到我們的配色參考網站。
  • 設計師如何做配色,反駁甲方說「配色醜」?
    下面我會分享5個總結下來的實用技巧給大家:顏色模式的選擇永遠不要使用純黑不得觸碰的禁區遵循60 : 30 : 10的的配色原則巧用別人的顏色文章最後還會給大家安利幾個配色網站和一些經典的配色書籍但不難發現右下角這塊區域很難操控,畢竟他們又髒又深,當然什麼顏色都能駕馭的大師就當我沒有說過這句話。舉個慄子:下圖是之前做的一個出差的應用入口,窗戶位置一開始就使用到了禁區中的顏色,看上去非常不通透。但是在調整到了非禁區顏色的時候,整個都變得通透,統一了起來。
  • UI設計配色大全!
    還有配色素材可下載。本文僅是個人總結的和見解,不作標準規範;希望此文的總結能夠幫助一些熱愛設計又為配色而苦惱的朋友,共同學習,共同進步。而次級文本圖標,不透明度應該是48%。提示文本,處於還要更低的視覺層級,那麼不透明度是24%。其他元素,比如說圖標和分割線,也應該設置透明度,效果要比純色好,這樣的透明度設置(下圖),能適應任何背景色。而有色背景上的黑白文本,請參考上圖的配色表,來設置透明度,提高對比度。