有了這些網(wǎng)站，小白也能做出高逼格的配色方案

時(shí)間：2023-09-04 10:06:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-04 10:06:01 來源：網(wǎng)站運(yùn)營

有了這些網(wǎng)站，小白也能做出高逼格的配色方案：首發(fā)于公眾號(hào)【凱諾空中設(shè)計(jì)課】→有了這些網(wǎng)站，小白也能做出高逼格的配色方案

色彩，是設(shè)計(jì)的表現(xiàn)手法之一，也是設(shè)計(jì)中必不可少的一部分。梵高曾說過：“沒有不好的顏色，只有不好的搭配”。然而，真正天生就擁有豐富色彩感的人少之又少，很多人的情況是，看了不少配色書、背了不少專業(yè)詞匯，本以為自己已經(jīng)琢磨透其中的精髓，可當(dāng)自己實(shí)際操作時(shí)，做出的方案卻連自己都看不下去...

工欲善其事必先利其器，其實(shí)有時(shí)候，靈活地借助一些工具來作為輔助，也不失為一種策略。今天，凱諾君就給大家整理了一波超好用的配色網(wǎng)站，希望能為你在做設(shè)計(jì)工作時(shí)，提供一些靈感上的來源。

WebGradients

網(wǎng)站收錄了近180種漸變色，頁面做的也是超仙。喜歡哪個(gè)方案，點(diǎn)擊圓塊即可放大查看，再復(fù)制CSS3代碼，就可以在你的網(wǎng)站中使用了。

COLORS

日本非常經(jīng)典的一個(gè)配色網(wǎng)站，每次點(diǎn)進(jìn)去都是不同的背景色，頁面根據(jù)色相依次羅列了許多好看的顏色，名字也都好聽，珊瑚朱、江戶紫、千歲綠...文藝控必備！

uiGradients

也是以漸變色為主的色彩搭配網(wǎng)站。它的頂部羅列出了不同的色塊，你可以先根據(jù)喜好選擇你想要的，系統(tǒng)便會(huì)根據(jù)你的選擇，羅列出這個(gè)色系下大量的漸變色方案。單擊其中一個(gè)方塊便可放大查看，點(diǎn)擊左右兩邊的箭頭還可實(shí)現(xiàn)可輕松切換。

Color Hunt

網(wǎng)站以時(shí)間為序，每天都會(huì)更新一個(gè)配色方案。每個(gè)方案下方都有一個(gè)點(diǎn)贊按鈕，用戶可以根據(jù)"最新發(fā)布"、"最受歡迎"等類型進(jìn)行查找。如果想要知道某種顏色的具體色碼，鼠標(biāo)放上去即可。除此之外，用戶還可以自己創(chuàng)造并分享喜歡的色彩搭配。

COLOR SAFE

與前面提到的幾個(gè)網(wǎng)站不同的是，color safe則引入了文本的元素。選定你想要的背景色后，你變可以根據(jù)喜好，自定義選擇在畫布上的文字的色號(hào)、字體類型、大小&字重、WCAG，并查看效果。對于做網(wǎng)頁設(shè)計(jì)的朋友而言，非常方便實(shí)用。

Material Palette

相比于color safe提供文本效果的預(yù)覽，Material Palette則是引入了UI的元素，你只需選擇一種或兩種顏色，系統(tǒng)便會(huì)自動(dòng)匹配出一套在APP界面上的配色方案，可以說十分貼心了。

BrandColors

當(dāng)然，對于設(shè)計(jì)師而言，大公司的品牌設(shè)計(jì)是最具有參考價(jià)值的了。BrandColors收錄了世界各大知名企業(yè)的品牌色，內(nèi)建搜索查找功能，可一鍵查到該顏色色碼 HEX 值，你還可以下載你需要的顏色到電腦，支持 ASE（like ACO）、SCSS、LESS 和 CSS 格式。

coolors

可以說是眾多配色網(wǎng)站中功能很強(qiáng)大的一個(gè)了，它支持多平臺(tái)的下載，除了網(wǎng)頁版，還有Abode附加組件、Chrome擴(kuò)展組件以及IOS App的等方式供你選擇。網(wǎng)站收錄了上萬種配色方案，點(diǎn)擊"空格鍵"即可查看不同的方案，也可以點(diǎn)擊鎖定色塊查看當(dāng)前顏色的關(guān)聯(lián)配色方案，還可以點(diǎn)擊色塊進(jìn)行Hex（十六進(jìn)制）、Hue、Saturation、Brightness（色度、飽和度、亮度）的編輯和調(diào)整。要說缺點(diǎn)嘛，那就是你可能需要花點(diǎn)時(shí)間去熟悉網(wǎng)站的功能。

Color Claim

上面說了這么多，如果你還是覺得很麻煩，沒關(guān)系，最后再送你一個(gè)可以偷懶的配色網(wǎng)站。Color Claim是前Spotify首席產(chǎn)品設(shè)計(jì)師Tobias van Schneider自建的配色網(wǎng)站，收錄了共102款配色方案。別看每種方案都挺簡單，不超過3種配色，但它們都是Tobias做設(shè)計(jì)工作多年總結(jié)出的經(jīng)典配色，可以說是智慧的結(jié)晶。提取方式簡單粗暴，直接保存圖片拿到 PS 或 AI 里面吸色就行了。

最后，大家如果還有更多好的配色網(wǎng)站，也歡迎在留言區(qū)和大家一起分享哦

---

首發(fā)于公眾號(hào)【凱諾空中設(shè)計(jì)課】（ID: CanopyU）

官網(wǎng)：凱諾空中設(shè)計(jì)課