ScanMosaic

QRコードの色: 読み取れる色、読み取れない色、ブランドカラーの使い方

読了目安6分 · 2026 年 11 月 5 日に更新

白黒のコードは安心ですが、味気ないものです。3つのルールを守れば色も使えます。守れていないときは、スキャンチェックが教えてくれます。

ルール1: 明るい背景に暗いモジュール

スキャナーは、明るい地に暗い四角を想定しています。ネイビー、フォレストグリーン、濃い紫、バーガンディ、チャコールはどれも問題なく読み取れます。暗い地に明るいパターンは多くのAndroid端末で失敗し、パステルカラーのモジュールはどの端末でも失敗します。

ルール2: コントラスト比は4:1以上

これは、文字の読みやすさに使われる基準と同じです。白地に黒は21:1、クリーム地にネイビーは約12:1、白地にオレンジは約3:1で、低すぎます。ジェネレーターは比率を表示し、4:1を下回ると警告します。

ルール3: コーナーの四角をいちばん濃くする

スマートフォンが最初に探すのは、3つの大きな四角です。配色の中でいちばん濃い色にしましょう。小さなモジュールは、同じ色の薄い色合いでも大丈夫です。

グラデーション

グラデーションは、両端とも背景に対して十分に濃ければ問題ありません。濃い青から濃いティールはOKですが、青から白へ薄くなるものはモジュールの半分が消えてしまうので使えません。

写真の上のコード

コードの背後に明るいパネルを置くか、ジェネレーターで各モジュールの背後にやわらかい下地を加えましょう。ごちゃごちゃした写真の上にそのまま置くと、どこかでコントラストが落ち、そこで読み取りに失敗します。

いつでも使える配色

用途色理由
モジュールブランドカラーの中でいちばん濃い色紙に対していちばんコントラストが高い
コーナーの四角同じ色か、より濃い色スキャナーが最初に探す部分
背景白、またはいちばん明るいニュートラルカラーどんな紙でも比率を高く保てる
フレームとキャプションブランドカラーならどれでもコードの一部ではないので、ルールはなし
ロゴフルカラー上に重なりますが、誤り訂正でカバーされます

よくある質問

質問

QRコードを黒地に白にできますか?

読み取れる場合もありますが、古いAndroidのカメラでは不安定です。デザイン上暗い領域が必要なら、コードを明るいパネルの中に置いてください。

1つのQRコードで2色使えますか?

はい。モジュール用とコーナーの四角用で1色ずつにするか、グラデーションにします。どちらも背景に対して濃い色にしてください。

赤は読み取れますか?

濃い赤やバーガンディは大丈夫です。明るい赤やオレンジは、白に対して4:1を下回ることが多く、読み取りが不安定になりがちです。

1分足らずで最初のコードを作成

無料で、プライバシーを守り、ダウンロード前に読み取りを確認します。