在做設(shè)計(jì)時(shí),你們有沒(méi)有遇到過(guò)配色難題?
為什么別人的配色那么高級(jí)、好看,而自己的就又土又丑呢?
難道沒(méi)學(xué)過(guò)美術(shù)就真的做不了設(shè)計(jì)嗎?
漏漏漏!
今天我就給你們分享 7 個(gè)我私藏的配色網(wǎng)站,每一個(gè)都嘎嘎好用!
不知道怎么配色時(shí),看這些網(wǎng)站就夠了!
? zhongguose(中國(guó)傳統(tǒng)配色)
網(wǎng)址:http://zhongguose.com/
該網(wǎng)站是一個(gè)中國(guó)傳統(tǒng)顏色色名和色譜的縱覽,號(hào)稱(chēng)收集了最全的中國(guó)色,里面的中國(guó)風(fēng)配色都超美。
進(jìn)入網(wǎng)站后,左側(cè)點(diǎn)擊各種顏色,整個(gè)網(wǎng)站背景也會(huì)變成相應(yīng)的顏色,右側(cè)會(huì)顯示顏色的名字,還有中英互譯,非常貼心。
點(diǎn)擊各種顏色后,右側(cè)還會(huì)顯示輸出用的 CMYK 色值以及顯示屏用的 RGB 色值,咱們直接復(fù)制就行。
? NipponColors(日本傳統(tǒng)配色)
網(wǎng)址:https://nipponcolors.com
和上面的中國(guó)色網(wǎng)站類(lèi)似,這是一個(gè)日本傳統(tǒng)顏色網(wǎng)站。
每種顏色都有個(gè)好聽(tīng)的名字,大多數(shù)顏色的名稱(chēng)來(lái)源于植物和動(dòng)物。
在左側(cè)點(diǎn)擊顏色后,網(wǎng)頁(yè)背景會(huì)隨之變成相應(yīng)的顏色,右側(cè)也會(huì)顯示顏色的 CMYK 和 RGB 數(shù)值。
? WebGradients
網(wǎng)址:https://webgradients.com
這是一個(gè)擁有 180 個(gè)線性漸變配色的免費(fèi)集合靈感網(wǎng)站,如果你想要好看的漸變色,這個(gè)網(wǎng)站不能錯(cuò)過(guò)哦!
每一種漸變色都有一個(gè)很文藝的標(biāo)題命名,而且把這種顏色描述的很恰當(dāng)。
這些漸變色不僅可以復(fù)制 CSS 跨瀏覽器代碼,還能支持下載 PNG、PSD、Sketch 格式。
? UiGradients
網(wǎng)址:https://uigradients.com
這也是一個(gè)以漸變色為主的配色網(wǎng)站。
如果一時(shí)不知道選什么顏色好,可以點(diǎn)擊網(wǎng)頁(yè)左右的箭頭,會(huì)隨機(jī)出現(xiàn)漸變色。
也可以直接點(diǎn)擊左上角來(lái)精確選擇自己喜歡的色系風(fēng)格。
選好配色方案后可以拷貝色值或直接下載。
? Adobe Color
網(wǎng)址:https://color.adobe.com
這是 Adobe 自家的一個(gè)配色工具網(wǎng)站,操作自由度很高。
可以隨意切換你想要的配色規(guī)則:相似、互補(bǔ)、三原色等等。
并且該網(wǎng)站還提供從圖片提取顏色的功能,非常方便哦。
? Color Space
網(wǎng)址:https://mycolor.space/
如果你已經(jīng)確定好了一個(gè)顏色,但不知道怎么和其他顏色搭配,那么你可以看看這個(gè)網(wǎng)站。
這是一個(gè)在線調(diào)色板生成工具,只需要你輸入一個(gè)顏色,就能一鍵生成優(yōu)秀的配色方案。
以后再也不用苦惱如何搭配顏色了!
? Happy Hues
網(wǎng)址:https://www.happyhues.co
不確定設(shè)計(jì)中使用哪種顏色?有了配色方案后又不知道在哪里使用它們?這個(gè)調(diào)色板靈感網(wǎng)站就能幫你!
它可以展示設(shè)計(jì)項(xiàng)目中使用顏色的真實(shí)示例,一目了然,一看就懂。
而且你還可以在這個(gè)網(wǎng)站學(xué)習(xí)顏色的術(shù)語(yǔ)以及色彩心理學(xué),既授人以魚(yú)又授人以漁!
本文來(lái)自微信公眾號(hào):秋葉 PS (ID:qiuyeps),作者:五津
廣告聲明:文內(nèi)含有的對(duì)外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時(shí)間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。