Canva【QR Code 產生器】輕鬆做出二維碼！顏色也能隨意換

QR Code 的背景顏色. 利用Canva 的QR Cdoe 產生器製作的「二維碼」，一般都是生成黑白相間的顏色，它算是 ... Skiptocontent Home數位工具CanvaCanva【QRCode產生器】輕鬆做出二維碼！顏色也能隨意換～ LastUpdatedon2021年11月6日by小幫手 平常在使用Canva的時候，除了一般的圖片設計功能之外，有沒有注意過Canva還有其他的功能呢？像是「製作QRCode」就是Canva的特殊功能之一，而且製作過程非常簡單，甚至還可以自己變換顏色，詳細教學都在這篇文章啦！ 文章目錄 如何用Canva製作QRCode？步驟一：打開圖片編輯器步驟二：尋找QRCode產生器步驟三：製作QRCodeQRCode的背景顏色如何改變QRCode的深色區塊？步驟一：把QRCode換成一張照片步驟二：把QRCode圖檔上傳至Canva步驟三：編輯影像步驟四：套用新的顏色自訂QRCode的顏色改變QRCode深色區塊改變QRCode淺色區塊成功改變QRCode的顏色手機掃描QRCode的結果結語延伸閱讀 如何用Canva製作QRCode？ 平常沒特別注意的話，其實比較難知道Canva有內建QRCode產生器，因為它平時都是隱藏的狀態，要翻一下編輯器的側邊欄才能找到它。

步驟一：打開圖片編輯器 首先我們進入Canva的圖片編輯器裡面。

步驟二：尋找QRCode產生器 接著我們打開左邊的側邊欄，在側邊欄裡面打開顯示更多的選單，在這個選單裡面找到一個QR代碼的應用程式，點擊它之後，就可以打開Canva的QRCode製作介面了。

步驟三：製作QRCode 這個QRCode產生器的用法非常簡單，你只要： 先輸入網址（URL）再點擊產生QR代碼的按鈕 就可以在右邊的頁面裡面生成一組QR代碼了！(如下圖所示) 立即製作一個QR代碼 QRCode的背景顏色 利用Canva的QRCdoe產生器製作的「二維碼」，一般都是生成黑白相間的顏色，它算是圖片編輯器裡面的一種元素，你選取畫布中的二維碼之後，可以點擊上面工具列的顏色功能，透過「文件顏色」或「預設顏色」等各種顏色功能，來改變QRCode的背景顏色(白色的部分)。

但這個方法只能改變QRCode的「淺色區塊」，「深色區塊」的部分沒辦法利用這種方式換色。

如果想要改變二維碼深色區塊的顏色，就繼續往下看吧！ 如何改變QRCode的深色區塊？ 步驟一：把QRCode換成一張照片 首先，我們先將剛剛製作好的QRCode利用「下載」或「截圖」的方式，把它變成一個圖片檔案。

步驟二：把QRCode圖檔上傳至Canva 把QRCode的圖檔再上傳到Canva的畫板裡面。

步驟三：編輯影像 接著就是改變顏色的環節啦！把QRCode換成照片之後，可以做的事情就很多了，因為Canva的圖片編輯器對「照片」有很多效果可以調整。

改變QRCode顏色的方法如下： 先選取QRCode照片點擊上方工具列的編輯影像在左側邊欄找到雙色調(Duotone)的類別點擊雙色調右上角的查看全部 步驟四：套用新的顏色 在這個雙色調(Duotone)的類別裡面，可以看到各種QRCode已經套用顏色的「預覽縮圖」，找一個你覺得配色不錯的類型，就可以直接點擊套用到頁面中的QRCode照片了！ 來去改變QR代碼的顏色 自訂QRCode的顏色 如果這邊的顏色你都不喜歡的話，那也沒關係，因為QRCode的顏色可以自己設定，我也比較喜歡自己設定顏色，所以會比較推薦這個做法： 我們在上一步套用雙色調的顏色之後，可以看到這個已經套用顏色的選項上有一個控制項的符號浮現，點擊可以查看這個控制項。

改變QRCode深色區塊 進入控制項的介面之後，它會分成亮部、陰影跟強度這幾種功能設定。

點擊改變陰影旁邊的顏色設定，可以改變QRCode的深色區塊。

改變QRCode淺色區塊 淺色區塊的顏色也是差不多的操作，改變亮部旁邊的顏色設定，就可以對QRCode的背景顏色進行改變。

你也可以使用「HEX色碼」來做更細節的顏色調整。

成功改變QRCode的顏色 把照片的「陰影」跟「亮部」顏色都調整完了之後，就可以看到下面這張變色版的「QRCode」了！ 手機掃描QRCode的結果 製作好的QRCode也別忘了用手機掃描一下，看看能不能成功跳轉到你指定的網址喔！我用手機掃描上面製作好的QRCode，就顯示出下面這個「掃描結果」，確實是可以使用的。

結語 Canva的QRCode產生器的功能非常簡單易懂，只要輸入網址就可以快速生成二維碼。

雖然比不上其他專業製作QRCode的網站工具，但如果設計需求不多的話，我覺得Canva的功能就算是足夠了，至少Canva也能換顏色。

點此免費試用CanvaPro30天 延伸閱讀 Canva【線上設計平台】增加你的藝術細胞！１次學會設計技巧Canva如何做出【文字描邊or邊框】的效果？絕對實用！這些【Canva快捷鍵】都學起來～精進你的設計生產力！Canva【自動配色】功能，學會跟照片借一下顏色～Canva【超連結】怎麼用？如何用在簡報跟PDF檔案中？Canva也有【Mockup】功能！自動合成獨特的情境圖片~ 最後§很感謝你的閱讀§如果你喜歡這篇文章的話 →歡迎留言、分享！ →歡迎點下面這張圖來【贊助】支持我！讓我繼續為你創作更多內容！ 其他或相關文章 文章導覽 ←Previous文章Next文章→ 留言區 取消回覆 站內搜尋 點此下載aifianApp註冊時輸入推薦碼【hsu790206】即可獲得100元 輸入這個折扣碼【PPAVIP2021】即享95折課程優惠(2021/10/01-2021/12/31) 點此註冊可領$300元抵用金再輸入11月折扣碼【AO211101】滿$1000即享9折專屬優惠!(2021/11/01-2021/11/30) 點此註冊可領100元現金！ 分類 娛樂休閒(26) ASMR(18) 桌遊(10) 投資理財(19) REITs(10) 信用卡(9) 數位工具(122) APP(15) Canva(21) Google試算表(66) Notion(4) 網站工具(17) 生產力(8) 雜(3) 近期文章 【BrowserFrame】可幫圖片加上瀏覽器外框的線上合成工具！ DesignCap【地圖編輯器】可輕鬆繪製世界各地的地圖！ 線上圖片設計軟體【DesignCap】好用嗎？有哪些特色？(附專屬折扣碼) 【Cleanup.pictures】線上圖片物件消除工具，超猛又免費的去除效果！ Google試算表｜如何用【IMPORTXML】抓取股價？上市上櫃興櫃可用！ 【MockUPhone】裝置類型的Mockups線上合成工具～ 【Dimmy.club】手機電腦裝置的Mockup線上合成工具 【網域轉移】從Godaddy轉移網域到NameCheap，詳細步驟！