Canva【Meanings】帶你認識顏色的歷史、意義與象徵

Last Updated on 2021 年 10 月 18 日 by 小幫手

Canva color meanings and symbolism 封面圖片

Canva的線上顏色工具裡,有一個其實還滿特別的,那就是「Color meanings」這個網站工具,它除了可以幫助我們挑選顏色跟組合之外,它還提供各種顏色的相關資訊,像是顏色有什麼樣的涵義、象徵的東西又是什麼,甚至有些還有一小段歷史故事!

進入Color Meanings網站

【Color Meanings】是Canva提供的顏色工具之一,你可以點擊下面的網址來前往這個網站:

https://www.canva.com/colors/color-meanings/

進入Color meanings之後,就可以看到下面這張圖的頁面了。

Canva color meanings and symbolism 首頁



顏色方塊牆

「Color meanings」的首頁架構非常簡單,基本上就是一大片的顏色方格牆,它並沒有按照彩虹的顏色順序(紅、橙、黃….)那樣排列,而是把不同的顏色交叉擺放,可以更好的分辨顏色。

目前這個頁面上大約有121種顏色,當我們把滑鼠移到其中一個色塊的時候,它就會浮現出「Read more about」的字樣,並且下面會同時顯示出這個顏色的「名稱」,點擊這個方塊就可以進入這個顏色的說明頁面了。

Canva color meanings and symbolism 的顏色方塊牆


進入顏色意義的說明頁

進入顏色的說明頁面,可以看到全部都是英文版的說明(如下圖),如果英文比較不好的話,其實可以用Chrome等瀏覽器的翻譯工具來即時翻譯就好,這個頁面主要就分成左右兩邊,左邊就是關於這個顏色的說明欄,右邊則是這個顏色的操作介面。

Canva color meanings and symbolism 的顏色說明頁



右邊的顏色操作介面怎麼用?

Change Color

在右邊這個操作介面的最上面你可以看到一個「Change Color」的區塊,點開它就可以選擇一個新顏色 (Select new color),一旦點選這裡面的顏色,整個頁面就會切換到那個顏色的說明頁。

改變切換顏色


配色方式

再往下可以看到一排的調色盤,它上面有不同的英文標籤,它們其實各自代表了不同的配色方法,分別是:

  • Mono.(單色配色法)
  • Analogous(相似色配色法)
  • Complementary(互補配色法)
  • Triadic(三等分配色法)
改變配色方式

配色方法不同,挑選出來的調色盤就會不一樣,但這些調色盤裡面至少有一個會是這個頁面的顏色,而只要點擊上面這些標籤,就可以切換調色盤樣式。

這些配色法雖然都有獨特的挑選規則,但是在這邊的話,有些配色法會比較難看得出它的原理是什麼,因此你可以前往Canva的「Color Wheel」網站了解這些配色法的差異性,或是參考這篇文章:Canva【色輪】怎麼用?5種配色法的差別與示意圖

另外,我覺得「Color meanings」有一個算是不錯的地方,那就是它挑選出來的調色盤顏色會比Canva的色輪多,以「單色配色法」來說,Canva色輪只有挑出兩種顏色,而這邊的單色系調色盤則有七種可以選,這樣選擇性會比較多,但也只侷限於這個頁面的顏色。


複製顏色代碼

當你決定好要提取的顏色之後,直接點擊調色盤上的顏色方塊,就可以把那個顏色的HEX代碼複製起來了。

複製顏色代碼


顏色組合

而這個操作面板的最下面是其他顏色的調色盤組合,這些組合都是Canva的另一個網站工具「Color palette」提供的,都是從各種不同的照片提取出來的顏色組合,你可以點擊這些調色盤進入它們的照片頁面,或是點擊下面的「More color combinations」瀏覽更多的Canva調色盤組合。

關於Canva的調色盤組合,有興趣的話也可以參考這篇文章:Canva【調色盤產生器】&【調色盤組合】的介紹與使用方法

顏色組合




左邊的說明欄有哪些內容?

再來看看「Color meanings」左邊的顏色說明欄,這邊主要就是顏色的一些相關的知識,不同的顏色的它這邊的說明可能都會有些差異,有的說明的項目很多,但有的會比較少,接下來看看其中一個說明比較多的「lilac」顏色範例吧。

這是什麼顏色?

首先,很多顏色都會有這個顏色的基本簡介,說明這個顏色的「代碼」是什麼?是由那些顏色所混合而成的?下面還會附上這個顏色的色卡。

這是什麼顏色


是暖色系還是冷色系?

色輪上其實可以把顏色分為「暖色系」跟「冷色系」,但很多人並不知道要怎麼去區分它,那就可以看看Canva這邊的說明,它會告訴你這個頁面的顏色是屬於哪一種類型。

這個顏色是冷色系還是暖色系


顏色的歷史

在這個網站上,你可以看到有些顏色是具有歷史意義的,甚至可以追溯到幾百年前,不過這邊不會長篇大論地去描述歷史,而是用簡短的文字讓我們能快速吸收。

這個顏色的歷史


顏色的意義

並非所有的顏色都有歷史故事,不過這邊大多數都會有「顏色的意義」的描述,說明這些顏色傳遞的情感或象徵是什麼,跟什麼樣的事物有關。

這個顏色的意義


相似的顏色

我們經常會看到兩種非常相似的顏色,不常用的話可能會很難分辨,像是這個「紫丁香」跟「薰衣草」的顏色就非常相似,但其實是不同風格的顏色,此外,它還會告訴你它們的組成方式。

相似的顏色


如果你還想看看其他類似的顏色,有些顏色說明可能會有這個欄位「Similar colors」,讓你更快找到其他相似的顏色,這些顏色也都是有各自的說明頁面。

其他相似的顏色


可以搭配的顏色

有些顏色可能會有這種顏色的搭配建議說明,讓我們知道這個顏色通常都是怎麼被搭配使用的。

可以搭配的顏色


顏色的資訊

在顏色說明欄當中,都會有這個「顏色資訊」的說明,它會跟你說這個顏色是什麼代碼?是由那些顏色所組成的,顏色的飽和度跟亮度各自是多少,講的非常詳細!

顏色的資訊


顏色轉換

最後就是這個顏色代碼表,這個表格也是非常的詳細!甚至有一些比較罕見的顏色代碼,有興趣的話可以研究一下。

  • 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的人大多可能都是設計新手,對於顏色的理解並不深,不考慮語言問題的話,那這個網站其實相當適合新手參考跟使用。



延伸閱讀


aifian APP推薦活動


最後
§ 很感謝你的閱讀 §
如果你喜歡這篇文章的話

→ 歡迎 留言分享 喔!

→ 歡迎點下面這張圖來【贊助】支持我!讓我繼續為你創作更多內容!

贊助我一杯咖啡


發表迴響