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

https://color.adobe.com/

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

第一大板塊:配色模式

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

例如你要用單色去做顏色,那么就可以直接選擇單色按鈕進行調(diào)整,調(diào)整時他會自動協(xié)調(diào)你的色值,如下:

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

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

你可以直接上傳你電腦中的圖片進行顏色提取,上傳后你還可以選擇需要的色彩情境:彩色、兩色、柔和、深色、暗色,可以說是相當?shù)馁N心了!

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

第三大板塊:漸變色

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

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

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

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

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

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

第五大板塊:探索與趨勢

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

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

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

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

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

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

文章彩蛋!Color Uisdc 配色導航

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

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

https://color.uisdc.com

歡迎關注作者微信公眾號:「黑獅力」

Adobe官方配色神器,這個網(wǎng)站隱藏了這 4 大功能

收藏 97
點贊 41

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。