設(shè)置
  • 日夜間
    隨系統(tǒng)
    淺色
    深色
  • 主題色

配色又土又丑?這 7 個配色網(wǎng)站拯救“死亡”配色

秋葉PS 2022/10/11 18:20:06 責(zé)編:子非

在做設(shè)計時,你們有沒有遇到過配色難題?

為什么別人的配色那么高級、好看,而自己的就又土又丑呢?

難道沒學(xué)過美術(shù)就真的做不了設(shè)計嗎?

漏漏漏!

今天我就給你們分享 7 個我私藏的配色網(wǎng)站,每一個都嘎嘎好用!

不知道怎么配色時,看這些網(wǎng)站就夠了!

? zhongguose(中國傳統(tǒng)配色)

網(wǎng)址:http://zhongguose.com/

該網(wǎng)站是一個中國傳統(tǒng)顏色色名和色譜的縱覽,號稱收集了最全的中國色,里面的中國風(fēng)配色都超美。

進(jìn)入網(wǎng)站后,左側(cè)點擊各種顏色,整個網(wǎng)站背景也會變成相應(yīng)的顏色,右側(cè)會顯示顏色的名字,還有中英互譯,非常貼心。

點擊各種顏色后,右側(cè)還會顯示輸出用的 CMYK 色值以及顯示屏用的 RGB 色值,咱們直接復(fù)制就行。

? NipponColors(日本傳統(tǒng)配色)

網(wǎng)址:https://nipponcolors.com

和上面的中國色網(wǎng)站類似,這是一個日本傳統(tǒng)顏色網(wǎng)站。

每種顏色都有個好聽的名字,大多數(shù)顏色的名稱來源于植物和動物。

在左側(cè)點擊顏色后,網(wǎng)頁背景會隨之變成相應(yīng)的顏色,右側(cè)也會顯示顏色的 CMYK 和 RGB 數(shù)值。

? WebGradients

網(wǎng)址:https://webgradients.com

這是一個擁有 180 個線性漸變配色的免費集合靈感網(wǎng)站,如果你想要好看的漸變色,這個網(wǎng)站不能錯過哦!

每一種漸變色都有一個很文藝的標(biāo)題命名,而且把這種顏色描述的很恰當(dāng)。

這些漸變色不僅可以復(fù)制 CSS 跨瀏覽器代碼,還能支持下載 PNG、PSD、Sketch 格式。

? UiGradients

網(wǎng)址:https://uigradients.com

這也是一個以漸變色為主的配色網(wǎng)站。

如果一時不知道選什么顏色好,可以點擊網(wǎng)頁左右的箭頭,會隨機(jī)出現(xiàn)漸變色。

也可以直接點擊左上角來精確選擇自己喜歡的色系風(fēng)格。

選好配色方案后可以拷貝色值或直接下載。

? Adobe Color

網(wǎng)址:https://color.adobe.com

這是 Adobe 自家的一個配色工具網(wǎng)站,操作自由度很高。

可以隨意切換你想要的配色規(guī)則:相似、互補(bǔ)、三原色等等。

并且該網(wǎng)站還提供從圖片提取顏色的功能,非常方便哦。

? Color Space

網(wǎng)址:https://mycolor.space/

如果你已經(jīng)確定好了一個顏色,但不知道怎么和其他顏色搭配,那么你可以看看這個網(wǎng)站。

這是一個在線調(diào)色板生成工具,只需要你輸入一個顏色,就能一鍵生成優(yōu)秀的配色方案。

以后再也不用苦惱如何搭配顏色了!

? Happy Hues

網(wǎng)址:https://www.happyhues.co

不確定設(shè)計中使用哪種顏色?有了配色方案后又不知道在哪里使用它們?這個調(diào)色板靈感網(wǎng)站就能幫你!

它可以展示設(shè)計項目中使用顏色的真實示例,一目了然,一看就懂。

而且你還可以在這個網(wǎng)站學(xué)習(xí)顏色的術(shù)語以及色彩心理學(xué),既授人以魚又授人以漁!

本文來自微信公眾號:秋葉 PS (ID:qiuyeps),作者:五津

廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。

相關(guān)文章

關(guān)鍵詞:配色

軟媒旗下網(wǎng)站: IT之家 最會買 - 返利返現(xiàn)優(yōu)惠券 iPhone之家 Win7之家 Win10之家 Win11之家

軟媒旗下軟件: 軟媒手機(jī)APP應(yīng)用 魔方 最會買 要知