Canva【調色盤產生器】&【調色盤組合】的介紹與使用方法

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

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免費版的話,最多設定三組。

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

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除了這兩個網站工具之外,還有提供其他的顏色工具可以用,詳細內容可以參考這兩篇文章:




延伸閱讀


aifian APP推薦活動


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

→ 歡迎 留言分享 喔!

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

贊助我一杯咖啡


發表迴響