Canva 調色盤產生器 & 調色盤組合,官方調色盤工具介紹

2022 年 10 月 31 日 更新

Canva color palettes and generator 封面圖片

你知道 Canva 除了編輯器裡的顏色選擇工具之外,還有額外提供線上的調色盤工具嗎?除了提供大量的調色盤組合之外,還可以自己上傳圖片製作自己的調色盤!因此當我們對顏色沒什麼想法時,就可以好好善用這些線上工具,找出心儀的顏色組合!

Canva 編輯器的顏色設定

在了解 Canva 的線上調色盤工具之前,我們先來看看 Canva 的編輯器裡面有哪些顏色設定吧。

當我們點擊畫布中的背景、圖像或文字等設計元素時,上面的工具列會出現顏色的設定選項,點進去就可以打開左邊的顏色設定介面,這邊的顏色設定其實還有分成不同的設定類型,主要下面這幾種功能:

  • 自訂顏色 (Custom color)
  • 預設顏色 (Default color)
  • 文件顏色 (Document color)
  • 照片顏色 (Photo color)
  • 品牌顏色 (Brand color)
  • 調色盤 (Palette)

預設顏色與自訂顏色

如果不使用 Canva 的範本,直接打開新的空白設計時,它左邊的顏色設定介面會非常簡單 (如下圖),最底下會有幾排 Canva 提供的預設顏色。而上面文件顏色除了白色之外,左邊還有一個彩色的加號 +,點擊可以打開十六進位制 (Hex) 的顏色設定介面,可以用滑鼠選擇顏色或是直接輸入色票的號碼(色碼)。

Canva圖片編輯器的預設顏色與自訂顏色

文件顏色

我們往設計裡面添加元素的時候,元素顏色只要越豐富,那這邊文件顏色的「顏色數量」就會變多。

Canva圖片編輯器的文件顏色

照片顏色

如果你在設計裡面插入照片的時候,你會看到顏色的設定裡面多出一個「照片顏色」的設定區,一張照片最多會挑出五種顏色讓你選,兩張照片就會有十種顏色,以此類推。而如果設計裡面有超過三張以上的照片時,它還會有額外的頁面可以打開查看。

Canva圖片編輯器的照片顏色

品牌顏色與調色盤

另外,在工具列的顏色設定這邊還有 品牌顏色新增其他調色盤 的功能。

如果要設定「品牌顏色」,要到 Canva 首頁的「品牌工作組」進行設定,只是 Canva 免費版的話最多設定三組。

而「調色盤」則是需要 Canva pro 的付費版才能開通使用,不過它有提供 Canva pro 免費試用,用完真的覺得不錯的話,再考慮繼續付費吧。

Canva圖片編輯器的品牌顏色與新增其他調色盤


Canva品牌工具組裡的調色盤工具

樣式的顏色組合

除了上面的工具列顏色設定之外,你在左邊的功能選單這邊還可以找到一個名為 樣式 (Styles) 的標籤,它裡面其實就有提供各種調色盤的組合。

小知識:當你把 Canva 切換到英文版時,你會發現這邊的每個調色盤組合都有一個專屬的名稱。

Canva圖片編輯器的樣式顏色
英文版的樣式(Styles)顏色

只要點擊其中一個調色盤,就可以把那個顏色組合套用到你選定的頁面裡面,這就跟照片的隨機分配顏色功能差不多。

樣式隨機配色(Shuffle)

Canva 調色盤產生器

了解完上面的編輯器顏色設定之後,接下來看看 Canva 所提供的調色盤網站工具吧。首先要介紹的就是 Canva 的「調色盤產生器」,它的網址為:

https://www.canva.com/colors/color-palette-generator/

它的操作介面其實非常簡單易懂,左邊是讓你上傳照片或是切換樣本照片,右邊則是照片所抓出來的顏色、名稱與色碼。

Canva調色盤產生器 (Color palette generator)

試試看它提供的 Demo

一開始如果不知道要做什麼的話,建議你可以先點看看 Try demo image 的按鈕,切換旁邊的照片,它這邊有提供 10 組的照片樣本可以讓你參考。

Try demo image

上傳照片

如果它提供的照片樣本跟顏色你都不喜歡,或是想用自己的照片時,可以點擊左邊的 Upload an image 按鈕,來上傳自己的照片。

下面這張圖就是我上傳自己所準備的照片,它會根據照片中的顏色,自動抓出一組色票(調色盤)給你。

上傳照片產生調色盤

複製色碼

色票裡面每個顏色都有自己的名稱與色碼,點擊上面的顏色區塊,就可以直接把這個顏色的 色碼 給複製起來,之後再拿回自己的設計裡面貼上使用。

複製色票號碼



調色盤組合

除了上面的調色盤生成器介面之外,你往下捲動頁面時,還可以看到 Canva 提供的調色盤組合,點擊下面的 Explore color combinations 按鈕,就可以進入另一個 Canva 網站工具「Color Palettes」。(點另一個按鈕,則會進入 Canva 的色輪工具:Color wheel)

調色盤組合

Canva 調色盤組合

Color Palettes是 Canva 的另一個網站工具,它這邊主要是提供各種調色盤組合,雖然每組只有 4 種顏色,但是數量還滿多的,可以看到它有 99 頁,將近 4000 組的調色盤組合!Color palettes 的網址是:

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

Canva調色盤組合 (Color palettes)
調色盤組合

調色盤組合的名稱與愛心

如果你把滑鼠移到那些調色盤組合上,可以看到他們各自的名稱跟愛心數量,這邊的愛心並不是給你收藏用的喔!而是這組調色盤在這個「Color Palettes」網站裡的「熱門程度」,愛心數量越多,這組調色盤的排名就越前面。

調色盤組合的名稱與熱門程度

如何使用這些調色盤組合?

當我們點擊調色盤組合進去之後,就可以看到下面這張圖的畫面,這組顏色就是從下面這張照片裡面挑選出來的,用法跟「Canva 調色盤產生器」一樣,點擊下面的顏色區塊,就可以把它的色碼給複製起來。

Canva調色盤組合的照片與色票號碼

Canva調色盤組合的照片與色票號碼

調色盤組合的網址

跟調色盤產生器不同的是,「Color palettes」的每個調色盤組合都有他們專屬的「網址」,如果很喜歡或很常用這個顏色組合,卻又不能使用付費版的調色盤的話,那你可以把這個網址加入瀏覽器的書籤或是另外儲存起來,這樣你之後就可以隨時回到這個調色盤組合了。

像是下圖這個調色盤組合的網址就是:https://www.canva.com/colors/color-palettes/seafoam-shimmer/

每個Canva的調色盤組合都有獨特的網址

結語

雖然網路上也有很多專業的調色盤產生器跟色票網站,不過 Canva 提供的網站工具其實也還不錯,工具不嫌多,重點是能找到一個用得順手就好!

但我覺得對於新手來說,Canva 的這些調色盤網站工具應該會相對好用,因為操作介面非常簡單,推薦的顏色也都相當不錯,甚至有配好的調色盤組合,所以如果編輯器裡面的顏色不夠用時,也可以到這些 Canva 的調色盤網站工具找找看!

只是相較於免費版,Canva pro 的調色盤功能真的會比較方便,找到喜歡的顏色之後,就可以加入自己的調色盤裡面,就算換了另一個設計,也可以在編輯器裡面打開使用。

Canva 除了這兩個網站工具之外,還有提供其他的顏色工具可以用,詳細內容可以參考這兩篇文章:


延伸閱讀

利益揭露:網站內部分可見的連結/代碼有參與聯盟計劃,如果您透過這些連結/代碼購買商品或註冊會員的話,並不會有任何損失或額外費用的產生,還可能獲得些許優惠,而我僅會獲得一小部分的佣金,能幫助我持續營運這個網站,並且更有動力進行創作。

喜歡這篇文章嗎?分享給你的朋友吧