在 Canva 的線上顏色工具裡,有一個其實還滿特別的,那就是「Color meanings」這個網站工具,它除了可以幫助我們挑選顏色跟組合之外,它還提供各種顏色的相關資訊,像是顏色有什麼樣的涵義、象徵的東西又是什麼,甚至有些還有一小段歷史故事!
追蹤數位小幫手社群平台:Instagram、Twitter…等等。
進入 Color Meanings 網站
【Color Meanings】是 Canva 提供的顏色工具之一,你可以點擊下面的網址來前往這個網站:
https://www.canva.com/colors/color-meanings/
顏色方塊牆
「Color meanings」的首頁架構非常簡單,基本上就是一大片的顏色方格牆,它並沒有按照彩虹的顏色順序 (紅、橙、黃….) 那樣排列,而是把不同的顏色交叉擺放,可以更好的分辨顏色。
目前這個頁面上大約有 121 種顏色,當我們把滑鼠移到其中一個色塊的時候,它就會浮現出「Read more about」的字樣,並且下面會同時顯示出這個顏色的「名稱」,點擊這個方塊就可以進入這個顏色的說明頁面了。
進入顏色意義的說明頁
進入顏色的說明頁面,可以看到全部都是英文版的說明 (如下圖),如果英文比較不好的話,其實可以用 Chrome 等瀏覽器的翻譯工具來即時翻譯就好,這個頁面主要就分成左右兩邊,左邊就是關於這個顏色的說明欄,右邊則是這個顏色的操作介面。
右邊的顏色操作介面怎麼用?
Change Color
在右邊這個操作介面的最上面你可以看到一個「Change Color」的區塊,點開它就可以選擇一個新顏色 (Select new color),一旦點選這裡面的顏色,整個頁面就會切換到那個顏色的說明頁。
配色方式
再往下可以看到一排的調色盤,它上面有不同的英文標籤,它們其實各自代表了不同的配色方法,分別是:
- Mono.(單色配色法)
- Analogous(相似色配色法)
- Complementary(互補配色法)
- Triadic(三等分配色法)
配色方法不同,挑選出來的調色盤就會不一樣,但這些調色盤裡面至少有一個會是這個頁面的顏色,而只要點擊上面這些標籤,就可以切換調色盤樣式。
這些配色法雖然都有獨特的挑選規則,但是在這邊的話,有些配色法會比較難看得出它的原理是什麼,因此你可以前往 Canva 的「Color Wheel」網站了解這些配色法的差異性,或是參考這篇文章:【Canva】色輪怎麼用?5 種配色法的差別與示意圖。
另外,我覺得「Color meanings」有一個算是不錯的地方,那就是它挑選出來的調色盤顏色會比 Canva 的色輪多,以「單色配色法」來說,Canva 色輪只有挑出兩種顏色,而這邊的單色系調色盤則有七種可以選,這樣選擇性會比較多,但也只侷限於這個頁面的顏色。
顏色組合
而這個操作面板的最下面是其他顏色的調色盤組合,這些組合都是 Canva 的另一個網站工具「Color palette」提供的,都是從各種不同的照片提取出來的顏色組合,你可以點擊這些調色盤進入它們的照片頁面,或是點擊下面的「More color combinations」瀏覽更多的 Canva 調色盤組合。
關於 Canva 的調色盤組合,有興趣的話也可以參考這篇文章:【Canva】調色盤產生器 & 調色盤組合,官方調色盤工具介紹
左邊的說明欄有哪些內容?
再來看看「Color meanings」左邊的顏色說明欄,這邊主要就是顏色的一些相關的知識,不同的顏色的它這邊的說明可能都會有些差異,有的說明的項目很多,但有的會比較少,接下來看看其中一個說明比較多的「lilac」顏色範例吧。
顏色轉換
最後就是這個顏色代碼表,這個表格也是非常的詳細!甚至有一些比較罕見的顏色代碼,有興趣的話可以研究一下。
- HEX
- RGB Decimal
- RGB Percentage
- CMYK
- HSL
- HSV (or HSB)
- Web Safe
- CIE-LAB
- XYZ
- XYY
- CIE-LCH
- CIE-LUV
- HUNTER-LAB
- BINARY
獨立的網址
在 Canva 這個「Color meanings」網站裡面,每個顏色都有自己的「專屬網址」,就跟 Canva 的「調色盤組合」網站一樣,可以把上面的網址記下來或是加入書籤,方便我們隨時回來查看這個顏色。
結語
以上就是「Color meanings」這個顏色工具的介紹啦,其實它右邊的操作介面調色盤滿好用的,選出來的顏色也很不錯,這個文章封面的顏色也是從這個網站挑出來的,不一定是最好看的,但我覺得至少不會太差。
由於使用 Canva 的人大多可能都是設計新手,對於顏色的理解並不深,不考慮語言問題的話,那這個網站其實相當適合新手參考跟使用。
延伸閱讀
- 【Canva】顏色選擇工具,帶你了解相關設定與技巧
- 【Canva】這些快捷鍵都學起來~精進你的設計生產力!
- 【Canva】如何做出文字描邊 or 邊框的效果?絕對實用!
- 【Canva】自動配色功能,學會跟照片借一下顏色~
- 【Canva】人物外框/邊框怎麼做?圖像效果這樣設定就好!
原網站|數
位
小
幫
手
digitalyoming
.com
( 未經許可,禁止轉載 )
原網址|https://digitalyoming.com/canva-color-meanings-and-symbolism/