一套的好的配色是設計的重要組成部分之一。對于在座學設計的同學們，尤其一些理工科背景的學生，沒有系統的學過配色，對顏色的感覺也比較薄弱，所以在配色環節往往感覺很絕望，所以今天給大家帶來一個王炸配色網站，也是 Adobe 的親兒子：Adobe colors。也許很多人都知道這個網站，但是不知道它里面到底包含什么功能，今天就為大家簡單解析一下。

https://color.adobe.com/

第一大板塊：配色模式

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

例如你要用單色去做顏色，那么就可以直接選擇單色按鈕進行調整，調整時他會自動協調你的色值，如下：

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

你可以直接上傳你電腦中的圖片進行顏色提取，上傳后你還可以選擇需要的色彩情境：彩色、兩色、柔和、深色、暗色，可以說是相當的貼心了！

第三大板塊：漸變色

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

第四大板塊：協助工具

可以合理的幫你檢查 2 個顏色的對比，預覽中可以告訴你在什么樣的情況下可以這樣用色，當然在右側也會給你顏色的建議，你也可以自己設定對比率去調整顏色，這樣使用你的顏色再也不會顯得又臟又 low 了！

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

第五大板塊：探索與趨勢

點擊探索，可以瀏覽一些優質的圖片，同時可以提取其中的色卡；點擊趨勢，甚至可以瀏覽 behance 中不同設計領域的設計作品使用的配色方案，跟著牛 x 的大神配色總不會錯，實時跟進潮流配色，簡直爽歪歪！！！

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

總體而言，這個網站不僅從各個維度解決了我們的配色需求，同時也解決了我很多找圖需求，簡直一舉雙得。