コントラストと色

別名: QRコードの色, カラーQRコード, 反転QRコード

定義

QRコードを確実に読み取れるようにするには、暗いモジュールと明るいモジュールの間に、強いコントラストが必要です。暗いモジュールが背景よりずっと暗ければ、色を付けても問題なく、明るい背景に暗いモジュールのほうが、反転コードよりも広く読み取れます。

スキャナーが読むのはコントラスト

スキャナーは、各モジュールが暗いか明るいかを、色相ではなく明るさで判断します。重要なのは、前景と背景の輝度の差です。白地に黒が最も余裕がありますが、クリーム色にネイビーや、淡い黄色に濃い緑でも、同じようにうまく機能することがあります。

コントラストの低さは、印刷したコードが読み取れない、最もよくある原因の1つです。灰色に灰色、白にパステルカラー、黒に赤は、明るい場所では目に見えて区別できますが、暗い場所や色付きの照明の下では、カメラにとって、にじんで混ざり合うことがあります。

明るい背景に暗いモジュール、その逆ではなく

QRコードは、明るい背景に暗いモジュールを置くよう設計されています。暗い背景に明るいモジュールを置いた反転コードは、最近のスマートフォンのスキャナーの多くが読み取れますが、すべてではないので、一部の人には読み取れないおそれがあります。暗いデザインが必要な場合は、通常の、明るい背景に暗いモジュールのコードを、明るいパネルに載せるほうが、安全な選択です。

色選びの実践的な指針

グレースケールにしても暗いままの前景と、明るいままの背景を選びましょう。手軽な確認方法は、デザインをグレースケールに変換して、コードがくっきり見えるかどうかを確かめることです。コードの一部をはるかに明るくしてしまうグラデーションや、反射を生む光沢やメタリックの仕上げは避けましょう。

  • 暗いモジュールは暗く、背景は明るく保ちます
  • 印刷する前に、デザインをグレースケールで確認します
  • 灰色に灰色、白に黄色など、コントラストの低い組み合わせを避けます
  • コードの上に、反射する箔やニスを使わないようにします
  • クワイエットゾーンは、背景と同じ明るい色にします

よくある質問

QRコードに、色を付けられますか?

はい。スキャナーが読むのは色相ではなく明るさなので、暗いモジュールが背景よりずっと暗ければ、どんな色の組み合わせでも機能します。

黒地に白のQRコードは、機能しますか?

最近のスマートフォンのスキャナーの多くは反転コードを読み取れますが、すべてではありません。明るい背景に暗いモジュールが、最も広く互換性のある選択です。

QRコードには、どの色を避けるべきですか?

灰色に灰色、白にパステルカラー、黒に赤など、明るさが似た組み合わせや、反射を引き起こす光沢のある仕上げは避けてください。

すべての用語