メインコンテンツへスキップ
コード、フレーム、キャプションの色を変えて、QRコードをブランドに合わせましょう。用意されたカラープリセットを選ぶことも、色を1つずつ設定することもできます。

始める前に

  • これらの設定は Custom designs タブにあります。Branded designs については、ブランドQRコードを参照してください。

QRコードの色を変更する

1

デザインステップを開く

ビルダーで Customize & Download に進み、Custom designs のままにします。
2

Customization を開く

Customization チップをクリックします。
3

カラーピッカーを開く

QR Color フィールドをクリックします。
4

色を選ぶ

Palette でスウォッチを選ぶか、Solid でドラッグするか、#003323 のような16進カラーコードをフィールドに入力します。
ブラウザが対応している場合、ポップオーバーにスポイトボタンが表示されます。ロゴなど、画面上の任意の場所から色を拾うことができます。
黒に戻すには、フィールドの横にあるリセットボタン(円形の矢印)をクリックします。このボタンは、色がデフォルトから変更されると表示されます。

カラープリセットを使う

フレームには、QRコード、フレーム、キャプションの色をまとめて設定できるカラープリセットが用意されています。
1

Frame を開く

Frame チップをクリックします。
2

フレームを選ぶ

Frame around the QR code の下からフレームを選びます。
3

プリセットを選ぶ

Color presets の下からスウォッチグループを選びます。
プリセットを選んだ後でも、Customization チップで各色を微調整できます。

設定

ビルダーでは単色を使用します。Custom design の背景は白です。背景を参照してください。

読み取りやすい配色のコツ

  • コードは暗く、背景は明るくしましょう。スマートフォンのカメラは、明るい背景に暗いコードを最も確実に読み取ります。
  • コントラストを強く保ちましょう。白の上の薄いグレー、黄色、パステルカラーのコードは読み取れないことがあります。
  • キャプションをフレームに対して読みやすくしましょう。Text Color と Frame color に同じ色を使わないでください。
  • 印刷する前に、複数のスマートフォンでテストしましょう。

よくある問題

白い背景の上の白いコードは読み取れないため、QR Color に白は使用できません。代わりに暗い色を選んでください。
有効な16進カラーの値ではありません。#RRGGBB 形式(例:#0035cc)を使用してください。
これらのフィールドはフレームを選択したときにのみ表示されます。まず Frame チップでフレームを選んでください。
すべてのフレームにプリセットがあるわけではなく、フレームなしのオプションにもプリセットはありません。別のフレームを選んでください。
コントラストが低すぎる可能性があります。より暗い QR Color を選んで、もう一度テストしてください。

次のステップ

フレーム

背景

ロゴを追加する

QRコードを印刷する