史上最全配色網(wǎng)站匯總
時間：2023-05-01 01:15:01 | 來源：網(wǎng)站運營
時間：2023-05-01 01:15:01 來源：網(wǎng)站運營
史上最全配色網(wǎng)站匯總：我們在后臺了解到大家總是會為配色煩惱，所以為大家搜羅來一些好看、好玩
又好用的配色網(wǎng)站?？傆幸豢钅軌驇偷侥?！網(wǎng)站超級多，于是給它們分了八大
門派，大家可以挑選自己喜好的門派進行修煉啦！
隨性派：處處感受隨機的驚喜靈感派：時時積累設計師的靈感漸變派：美輪美奐的漸變海洋美圖派：有了美圖就有了色彩文藝派：文藝古典的全套配色原理派：理性直達專業(yè)配色嗟來派：簡單粗暴的給你配色推薦派：墻裂安利給你的配色神器1. 隨性派Palettablehttp://www.palettable.io這個網(wǎng)站可以說是隨性派的代表，在進入網(wǎng)頁時，網(wǎng)站會隨機推薦顏色，你只
需要選擇喜歡（Like）或不喜歡(Dislike)。萬千顏色隨君挑選，留下的都是你
喜歡的顏色，是不是很爽呢？
Coolorshttps://coolors.co/進入網(wǎng)站后，每按一次空格鍵都可以隨機生成配色方案，盡情享受隨機的樂
趣。也可以固定主色調后隨機生成輔助配色。
網(wǎng)站還有上千種現(xiàn)成的配色方案，供你參考。
Peculiarhttps://picular.co/這是一款根據(jù)關鍵詞推薦顏色的網(wǎng)站。
試著輸入關鍵詞，無論是心情、顏色、物品，網(wǎng)站都會扔給你一堆顏色色塊。
每個色塊左下角是 Hex 色碼。點選 Hex 色碼后會自動復制到剪貼板。就可以愉
快的去使用了。
2.靈感派再給大家推薦幾款從設計師作品中提煉好用配色的工具，很適合平時搜集靈
感。
Color Claimhttp://www.vanschneider.com/colors這是一個設計大師自建的配色網(wǎng)站，每個都可以直接拿來取用。打開網(wǎng)站都是
看起來很普通的圖片，其實都是從大神個人多年來的設計中提取出的配色，凝
結著配色智慧的結晶。
雖然看起來都很簡單，顏色不超過三種，一共 102 款，但每個都有其鮮明的風
格特色，我們總能從中找到適合自己的配色風格。使用方法也很簡單粗暴，直
接存儲圖片后取色使用。
Brand Colorshttps://brandcolors.net這個網(wǎng)站總結了各個品牌的配色方案。
Web Colour Datahttp://webcolourdata.com這個網(wǎng)站好玩的點在于它搜羅了一些網(wǎng)站頁面的經(jīng)典配色方案。你可以直接看
它搜羅的網(wǎng)站配色，也可以輸入你看到的很喜歡的網(wǎng)站網(wǎng)址提取網(wǎng)頁配色，是
不是很棒呢～
Designspirationhttps://www.designspiration.net想一下，你已經(jīng)有了一套配色方案，但是你還是想看一下他們組合起來的實際
效果。這時候，強烈安利 Designspiration 給你。你可以選擇 5 種顏色，然后
搜索到使用這 5 種顏色的設計圖。真的很贊，不是因為你可以查到應用了這些
色彩的圖像，而是因為你可以真正看到它們在設計中真實被使用、實現(xiàn)的樣
子。
3.漸變派常?？吹絼e人作品里的漸變色，那是個順心舒暢的好看，而到了自己搭配的漸
變色，橫豎看起來尷尬。這里有幾款漸變色專用，絕對精美，讓你不愁漸變搭
配。
WebGradientshttps://webgradients.com這個網(wǎng)站有很多漸變搭配，整體風格干凈柔和。每一個漸變方案都有一個名
字，可以下載 PNG 格式使用。
uiGradientshttps://uigradients.com進入網(wǎng)站后隨機出現(xiàn)漂亮的漸變，點擊左右箭頭即可隨機切換。挑到中意的可
以直接下載 jpg 格式的圖片。
它比 WebGradients 更方便的是可以點擊右上角旋轉圖標切換漸變方向。
Grabienthttps://www.grabient.com/這個網(wǎng)站可以說是漸變網(wǎng)站中強大的存在。
可以操控 360 度漸變旋轉
自由增加或刪除漸變顏色
支持 CSS 樣式代碼復制
超方便的交互操作
4. 美圖派這個系列網(wǎng)站通過上傳好看的圖片，從中提取配色方案。
Colorfavshttp://www.colorfavs.com可以上傳圖片來分析配色。
Color Hunterhttp://www.colorhunter.com/從你上傳的圖片中自動提取 5 種配色。
colormindhttp://colormind.io這款網(wǎng)站同樣可以上傳圖片分析配色。但是它有一個很特別的點是應用調色
板，實時將配色運用到示例頁面預覽，讓你感受方案的呈現(xiàn)。特別適合網(wǎng)頁設
計者使用。
5.文藝派下面這兩個網(wǎng)站分別收集了中國傳統(tǒng)配色和日本傳統(tǒng)配色，每一種顏色的命名
也都很文藝古典。當你準備做中國風或者日式作品的時候來這看看肯定沒錯。
中國傳統(tǒng)配色http://zhongguose.com日本傳統(tǒng)配色http://nipponcolors.com6.原理派再為大家介紹幾款根據(jù)色彩設計理論進行顏色搭配的配色工具，小編喜歡稱它
們?yōu)樵砼伞?br>
Adobe Color CChttps://color.adobe.com/zh/create/color-wheelAdobe 公司的配色工具，可以上傳圖片分析配色，也能自己通過色輪搭配配色
方案。
單色配色、類比配色、互補色配色、三色配色、復合配色等等。
它可以在網(wǎng)頁端使用，也有桌面本地版本。如果你使用的是桌面版本，可以把
配色方案直接導入到 Photoshop 里使用。
Color Scheme Designerhttp://colorschemedesigner.comhttp://www.peise.net/tools/web這個工具跟 Adobe Color CC 很像，不同的是，它生成的調色板里不局限于 5 種
顏色。當你已經(jīng)確定了主色調，想要找一些填充色的時候，這是個非常棒的工
具。
Colourcohttp://www.colourco.de網(wǎng)頁區(qū)域內隨意滑動鼠標，可以產(chǎn)生不同的色彩。確定一個色彩，再隨意滑動
產(chǎn)生下一個色彩，直到找到自己滿意的配色。
ColorSupplyhttp://colorsupplyyy.com網(wǎng)站也是根據(jù)色彩設計理論，提供了最常見也是最實用的 5 種配色方法。有高
飽和視覺效果十分震撼的互補色，還有協(xié)調舒適的相鄰色，豐富跳躍的三色
調、分裂互補色和四色調，滿足你對配色效果的一切需求。這個網(wǎng)站非常適合扁平化配色方案，拖動色輪的取色桿，旁邊提供的色卡方案
就會隨著色輪的取值而變化。
更棒是是它還提供了 icon 配色效果的展示，方便大家預覽配色方案在實際運
用中的效果。
不僅如此，ColorSupply 還能在線預覽平鋪圖案和色值卡，以及不同的顏色漸
變效果。再也不用茫茫色卡中一個個嘗試了。
7. 嗟來派這里有一些簡單粗暴卻不失可愛的配色網(wǎng)站，直接丟給你好看的色卡，讓你直
接取用。
Color Hunthttp://www.colorhunt.co這個網(wǎng)站會按照受歡迎程度實時更新排列不同的配色方案。移動到顏色上時會
顯示顏色代碼，點擊即可復制代碼使用。
LOL Colorshttp://lolcolors.com非?？蓯鄣亩嗖逝渖W(wǎng)站，鼠標移動到水滴上就會出現(xiàn)色彩代碼，直接復制使
用即可。
Klart Colorshttps://klart.co/colors這是一款來自 Klart 的選色神器，這家公司以開發(fā)設計師專用 Chrome 擴充功
能為主，Pixels 讓用戶快速共享各種網(wǎng)站設計及排版樣式，其中包含配色信
息，而 Klart 就將這些顏色數(shù)據(jù)重新包裝成另一網(wǎng)站 Colors。
打開網(wǎng)站，就能看到無數(shù)個色卡，按下空格鍵會重新整理，加載新的顏色，也
可以鼠標不斷往下滾動，Colors 會持續(xù)加載更多的配色方案。
如果看到喜歡的配色，點擊顏色后即可復制顏色代碼，將顏色使用于其他任何
你想使用的地方。
8. 推薦派Canva Colorhttp://www.canva.com/colors今天介紹的 canva color 是個在線配色神器。頁面上半部分展示了它的基本功能：一個搜索框，只需輸入顏色名稱即可快速
抵達該顏色的一切。往下拉頁面可以看到下半部分充滿了顏色，而每一個顏色
點進去都是這個顏色的相關知識、以及圍繞著這個顏色的 N 種規(guī)則下的配色方
案。
它從單色、互補色、分裂色等規(guī)則上為我們提供了以該顏色為基礎的配色方
案，供我們在設計中使用。
當你沒有配色的感覺的時候，也可以在這個網(wǎng)站隨意瀏覽，感受一下網(wǎng)站提供
的配色方案靈感。
在線咨詢