一套的好的配色是設(shè)計(jì)的重要組成部分之一。對(duì)于在座學(xué)設(shè)計(jì)的同學(xué)們，尤其一些理工科背景的學(xué)生，沒有系統(tǒng)的學(xué)過配色，對(duì)顏色的感覺也比較薄弱，所以在配色環(huán)節(jié)往往感覺很絕望，所以今天給大家?guī)硪粋€(gè)王炸配色網(wǎng)站，也是 Adobe 的親兒子：Adobe colors。
也許很多人都知道這個(gè)配色網(wǎng)站，但絕對(duì)很多設(shè)計(jì)師不知道它里面到底包含哪些神奇功能，今天就為大家簡(jiǎn)單解析一下。

https://color.adobe.com/

第一大板塊：配色模式

Adobe colors 具有超級(jí)強(qiáng)大的配色模式，一共包含 9 種智能調(diào)色模式可以選擇，你需要用什么方式去調(diào)試顏色點(diǎn)擊左方即可操作，色彩模式也支持 4 種，分別為：RGB、CMYK、HSB、LAB。

例如你要用單色去做顏色，那么就可以直接選擇單色按鈕進(jìn)行調(diào)整，調(diào)整時(shí)他會(huì)自動(dòng)協(xié)調(diào)你的色值，如下：

第二大板塊：拾取主題功能

你可以直接上傳你電腦中的圖片進(jìn)行顏色提取，上傳后你還可以選擇需要的色彩情境：彩色、兩色、柔和、深色、暗色，可以說是相當(dāng)?shù)馁N心了！

第三大板塊：漸變色

你可以拾取上傳圖片的漸變色，提取的漸變色彩看起來也是非常高級(jí)，對(duì)于不會(huì)做漸變色的小伙伴來說是一個(gè)很大的福音，畢竟很多設(shè)計(jì)師做漸變色都會(huì)有點(diǎn)“臟”。在左側(cè)的按鈕中我們還可以選取 2-15 種漸變點(diǎn)，簡(jiǎn)直美滋滋。

第四大板塊：協(xié)助工具

可以合理的幫你檢查 2 個(gè)顏色的對(duì)比，預(yù)覽中可以告訴你在什么樣的情況下可以這樣用色，當(dāng)然在右側(cè)也會(huì)給你顏色的建議，你也可以自己設(shè)定對(duì)比率去調(diào)整顏色，這樣使用你的顏色再也不會(huì)顯得又臟又 low 了！

對(duì)比率建議：MD 規(guī)范里說文本應(yīng)該保持至少 4.5:1 (基于亮度值計(jì)算)的對(duì)比度以保持文本清晰；最佳對(duì)比度為 7:1。

第五大板塊：探索與趨勢(shì)

點(diǎn)擊探索，可以瀏覽一些優(yōu)質(zhì)的圖片，同時(shí)可以提取其中的色卡；點(diǎn)擊趨勢(shì)，甚至可以瀏覽 behance 中不同設(shè)計(jì)領(lǐng)域的設(shè)計(jì)作品使用的配色方案，跟著牛 x 的大神配色總不會(huì)錯(cuò)，實(shí)時(shí)跟進(jìn)潮流配色，簡(jiǎn)直爽歪歪?。。?/p>

當(dāng)然我們還可以進(jìn)行搜索，更快的找到自己想要的圖片以及顏色，本人非常喜歡用它去尋找情緒版， 不僅顏色一目了然，圖片也是非常的優(yōu)質(zhì)！

總體而言，這個(gè)網(wǎng)站不僅從各個(gè)維度解決了我們的配色需求，同時(shí)也解決了我很多找圖需求，簡(jiǎn)直一舉雙得。

網(wǎng)站鏈接：https://color.adobe.com/zh/create/color-wheel

文章彩蛋！Color Uisdc 配色導(dǎo)航

最后，在附上一枚配色神器，來自優(yōu)設(shè)超人氣的配色導(dǎo)航，一共7個(gè)實(shí)用模塊，
從絢麗多姿的色彩方案到大開眼界的色彩命名，代碼也可以直接復(fù)制使用，一定會(huì)是你設(shè)計(jì)配色路上好幫手！

https://color.uisdc.com

歡迎關(guān)注作者微信公眾號(hào)：「黑獅力」