QRコードの形:変えられる部分と変えられない部分
QRコードは丸にも六角形にも三角形にもフレーム付きにもできますが、自由に手を入れられるのは3つの部分だけです。このページでは形のファミリーをすべて整理し、それぞれがどの層に触れているのかを示し、読み取れるかどうかを決める限界を挙げます。
QRコードを作成QRコードで実際に形を変えられるのはどこか?
QRコードの形とは、シンボルの3つの部分のいずれかに加えたスタイルのことです。モジュール、3つのファインダーパターン、そしてその周囲に描くフレームの3つです。データは常に正方形のグリッドに収まるため、形が変えるのは見た目だけで、何を符号化しているかも、どこへ飛ぶかも変わりません。

作り替えられる3つの層
形のあるQRコードはすべて、正方形のシンボルにこの3つの層のどれかを装飾したものです。どの層に手を入れているかが分かれば、そのデザインがどれだけリスクを取っているかも分かります。
- モジュール - データを担う小さな明暗のセルです。円・角丸の四角・六角形・三角形として描くのは最もリスクの低い変更で、各セルは位置も中心も保ったままだからです。
- ファインダーパターン - 隅にある「四角の中の四角」3つで、アイとも呼ばれます。読み取り機はこれでシンボルの位置と向きを決めるため、柔らかく整えることはできても、自由に描き直すことはできません。
- フレーム - シンボルの周囲に描く枠やバッジです。円形や六角形のフレームはモジュールに一切触れずに輪郭だけを変えるので、多くのクリエイティブなQRコードデザインはここから始まります。
変わらないものが3つあります。データのグリッドは正方形のまま、3つのファインダーパターンは4隅のうち3つに残り、クワイエットゾーン(シンボルの周囲にある約4モジュール分の余白)は空いたままです。QRコードの規格であるISO/IEC 18004がこの3つを固定しているため、どんなデザインツールでも動かせません。
形は読み取り機が読むものを変えない
QRコードにスタイルを当てるのは塗装であって、符号化のやり直しではありません。同じリンクから作った丸いコードと四角いコードのデータは同一なので、形が左右するのは可読性、つまりカメラがどれだけきれいにパターンを解像できるかだけです。だからこそ、ある形が他より速く読み取れるということもありません。カスタムの形が成功するか失敗するかを決めるのはコントラストと解像度であって、輪郭ではありません。
QRコードを作成
QRコードの主な形のファミリー
実際に見かける形付きのQRコードは、ほぼ5つのファミリーで説明できます。それぞれ変えている層が違い、小さいサイズで抱えるリスクも違います。

クラシックな四角
四角いモジュール、四角いアイ、フレームなし。最も素朴で最も許容範囲が広く、低解像度・薄いインク・悪い光にどのスタイルよりも強いため、サイネージやパッケージはここに留まることが多くあります。

丸・円形
ドット状のモジュール、角丸のアイ、あるいは正方形グリッドを囲む円形フレーム。最も柔らかいファミリーで、蓋・コースター・シールなど、もともと円であるものに最も置きやすい形です。

六角形
六角形のモジュールか六辺のフレームで、ハニカムの質感が出ます。装飾というより設計されたものとして伝わるため、テック・ゲーム・サステナビリティ系のブランドに合います。

三角形
三角形のモジュールか三辺のフレーム。最も鋭く、最も余裕のないファミリーです。三角形は四角より各セルを埋める面積が小さいため、大きめの印刷サイズと強いコントラストを求めます。

ブランドのフレームと色
標準のグリッドをブランドカラーや行動喚起の文言で囲んだり、中央にロゴを置いたりするもの。ジオメトリは一切変わらないので、コードを自社らしく見せる方法としては最も安全です。

組み合わせスタイル
2つか3つの層を同時に作り替えるもの。たとえば色付きフレームの中に丸いモジュールを入れ、中央にロゴを置くといった具合です。最も表現力がある一方で、印刷前のスキャンテストが最も必要になる選択でもあります。
QRコードの形の選び方
形はムードボードではなく、コードが置かれる面と人が読み取る距離から選びます。幾何学的なファミリーにはそれぞれ本来の居場所があります。丸いQRコードは蓋・コースター・招待状に、三角形のQRコードは角のあるレイアウトやポスターに、六角形のQRコードはテック系やエコ系のブランドに向きます。

面とサイズで決める
デザイン作業を始める前に、5つのルールでほとんどの形の判断がつきます。どれも、形があなたに代わって行っている取引です。
- 約2 cmを下回るなら四角のまま - 小さな印刷サイズでは1モジュールがミリ以下の幅になり、セルの角を削る形はそのまま残っていた余裕を削ります。四角いモジュールはセルあたりのインクを最も多く保ちます。
- 丸い面には丸いフレーム - 瓶の蓋・コースター・缶バッジにはもともと円の輪郭があるので、円形フレームはレイアウト上の負担がなく、コードが後付けに見えなくなります。
- 角のあるレイアウトには三角形 - 斜めの構成でできたポスターやパッケージは三角形のコードを自然に受け止めますが、余裕を持たせてください。三角形のモジュールは四角より大きな物理サイズがないと輪郭が保てません。
- 技術系ブランドには六角形 - ハニカムの質感は飾りではなく構造として読まれるため、ソフトウェアの箱・カンファレンスのバッジ・エコ系パッケージによく馴染みます。
- 刷り直せないなら必ずテスト - 印刷所に入稿して刷り直しがきかないなら、デザインに収まる範囲で最も安全な形を選び、校了前に実寸の校正刷りをスキャンしてください。
形が価値を持つのは、読み手の迷いを一瞬減らすときか、コードが意図されたものに見えるときです。読み取りを犠牲にするなら価値はありません。この2つが逆方向に引っ張るときは、必ず読み取りを取ってください。
どの形でも読み取れる状態を保つ
以下の制約は、どの形のファミリーにも等しく当てはまります。守っているスタイル付きのコードは素のコードとほぼ同じように読み取れますし、どれか1つでも破ったコードは、どれだけ見栄えがよくても失敗します。
- 暗い色を明るい背景に - 明るい背景に暗いモジュール、というのがスマホのカメラが想定している状態です。反転も成立し得ますが、形付きのコードが失敗する最大の原因なので、決める前にテストしてください。
- クワイエットゾーンを守る - シンボル全体の周囲に約4モジュール分の余白を空けておきます。装飾フレームはその余白の外側にあるなら問題ありませんが、内側に入ってはいけません。
- モジュールを縮めない - スタイル付きのモジュールは、粒を分けて見せるためにセルの80〜90パーセントで描かれがちです。その隙間こそカメラが最初に失うものなので、形はフルサイズ近くに保ってください。
- 誤り訂正レベルを上げる - レベルHは損傷したシンボルの約30パーセントを復元でき、ロゴや強めの装飾のための余裕を生みます。各レベルが密度にどう跳ね返るかはQRコードの誤り訂正の仕組みを参照してください。
- 距離に合わせてサイズを決める - 目安は読み取り距離10 cmにつきコード1 cm、そしてQRコードが耐えられる最小の印刷サイズを絶対に下回らないことです。
形付きのコードが読み取れなくなったら、デザインを変える前にこの5点を順番に確認してください。実際のところ原因はほぼ必ずコントラストか、余白が埋まっていることであって、形そのものではありません。さらに色とロゴを重ねるかどうかは別の判断です。どこまで踏み込めるかはブランドQRコードを見てください。

実際の使用例
同じリンク、4つの形のファミリー、4つの異なる面。どの例でも、形は形のために使われるのではなく、置かれる場所にふさわしいから使われています。
- 1
内容を入力する
コードで開きたいリンク・テキスト・情報を貼り付けます。リンクが短いほどモジュールが少なくなり、モジュールが少ないほど装飾の余地が広がります。
- 2
作り替える層を選ぶ
モジュールの形、アイ、外側のフレーム、またはその組み合わせを変えます。まず1つの層から始めて、まだ読み取れることを確認してから次を足してください。
- 3
色とロゴを設定する
明るい背景に暗い前景を保ち、ブランドのパレットを当て、必要なら中央にロゴを置きます。その分は誤り訂正レベルを上げて補ってください。
- 4
テストしてから書き出す
iPhoneとAndroidの標準カメラで結果をスキャンし、それから印刷用にSVG、画面用にPNGをダウンロードします。

決める前にすべての形を試す
形の判断は画面上ならやり直しが安く、印刷後だと高くつきます。同じリンクを四角・丸・六角形・三角形で生成するのは1分の作業で、実寸で並べて見るのが、自分のデザインがどの形を本当に支えられるかを知る最短の方法です。
円形やカスタム形状のQRコードを作れる無料のQRコードジェネレーター、KoloQRなら、リンクを作り直さずにモジュールの形・アイ・フレーム・色・ロゴを切り替えられ、そのまま印刷用のSVGやPDFを書き出せます。
QRコードを作成形付きコードの書き出し形式
形付きのコードは素のコードよりエッジが多いので、正方形のグリッド以上に書き出し形式が効いてきます。
PNG
画面・スライド・SNS投稿など、ピクセルサイズが固定で拡大されない場所に。
SVG
印刷や大判に。曲線や斜めのモジュールのエッジは、低解像度のラスターが真っ先ににじませる部分であり、ベクターなら解像度が足りなくなることがありません。
サイズ・配置・色管理を意図どおりに指定したまま、印刷所へ入稿するために。
Questions? Answered
シンボル自体は常に正方形のグリッドですが、作り替えられる層は3つあります。モジュール(円・角丸の四角・六角形・三角形)、隅の3つのファインダーパターン、そして周囲に描くフレームです。円形や六角形の輪郭はフレームから生まれるもので、データからではありません。
データ領域はできません。ISO/IEC 18004は3隅にファインダーパターンを持つ正方形のマトリックスを求めるため、本当に円形のデータ領域はスマホで読み取れません。円形QRコードと呼ばれているものは、丸いモジュールか丸いフレーム、またはその両方を持つ正方形のグリッドで、これは普通に読み取れます。
素の四角いモジュールが最も安定します。各セルが端まで塗られ、小さいサイズでもコントラストを最も保てるからです。丸・六角形・三角形のモジュールはセルごとにわずかにインクを削るので、印刷幅がおよそ2 cmを下回ると効いてきますが、ポスターではほとんど問題になりません。
いいえ。読み取り時間はカメラがどれだけ速くパターンを解像できるかで決まり、輪郭では決まりません。コントラストが強く余白が空いている形付きのコードは、素のコードと同じ一瞬で読み取れます。人がスマホをかざし続けることになるのは、形にかかわらずコントラストの低いコードです。
限度の中でなら可能です。ファインダーパターンは角を丸めたり、色を変えたり、柔らかい輪郭を付けたりできますが、「四角の中の四角」という構造とコントラストは保つ必要があります。読み取り機がそれでシンボルの位置と向きを決めるからです。円に描き直したり内側のブロックを取ったりするのが、コードが壊れる典型です。
形付きのコードは2 cm以上を保ち、三角形や隙間の大きいモジュールでは2.5 cmを安全な下限と考えてください。それより小さくなるなら四角いモジュールに戻します。物理的なスペースが尽きたとき、真っ先に諦めるべきなのは形です。
いいえ。モジュール・アイ・フレーム・色はすべて見た目だけの要素です。コードが四角でも丸でも符号化された内容は同一なので、完成したコードは何度作り替えても飛び先は変わりません。
多くの場合、形ではなくコントラストかインクのにじみです。コート紙、コントラストの低い色の組み合わせ、細かい線を太らせる印刷機はいずれも、画面では問題なかったスタイル付きのモジュールをぼかします。明るい背景に暗いモジュール、余白を広めに、モジュールはフルサイズ近くにして刷り直してください。
パッケージに合わせた形です。丸いフレームは蓋・キャップ・瓶に、四角か軽く角を丸めたコードは面積の限られる箱やパウチに向きます。どの形であれパッケージは一度に大量に刷るので、本刷り前に実寸の実物校正をスキャンしてください。
できますが、両方の分を見込んでください。形と中央のロゴは同じ誤り訂正の余裕を食い合います。誤り訂正をレベルHに上げ、ロゴはコードの5分の1を十分下回るサイズに抑え、もう一度テストしてください。形を決めた後にロゴを足したときに、失敗の多くが現れます。
はい。KoloQRは丸・六角形・三角形・四角のコードを無料で生成でき、PNGとSVGで書き出せ、アカウントも不要です。コードは静的なので、サブスクリプションなしでも、期限切れのリンクもなく使い続けられます。
コードの印刷幅が2 cmを下回るとき、情報量の多い写真の上に載せるとき、印刷ではなく彫刻や刺繍で再現するとき、最終データをテストできないときは装飾を見送ってください。この4つの場合、まだ確実に機能するのは素の四角いコードです。
関連ページ
このページの続きになるページ - 同じ場面、同じ種類のコード、あるいは次に決めることについて。
丸いQRコードは、衣装をまとった四角いQRコードである
形状付きコードが読み取れるのは、形状がデータに一切触れないからです。形状が本当に奪うのは幅で、三角形のコードは内側のマトリックス幅の約2.6倍の底辺を必要とします。
三角形QRコード
角ばった幾何学的なQRデザイン。三角形スタイルの仕組みと使いどころ。
六角形QRコード
テック・ゲーム・エコ系ブランドに合うハニカム調のコード。スキャンできる状態を保つデザインのコツも紹介します。
クリエイティブQRコード
意図の伝わる見た目と、確実に読み取れることを両立するQRコードのデザイン方針と実例。
QRコードの誤り訂正:L・M・Q・Hは実際にどう働くか
各誤り訂正レベルが何を復元するか、データ容量をどれだけ使うか、どれくらいのロゴを許すか、そしてレベルを上げると印刷したコードがかえって読みにくくなる理由。
QRコードを編集可能なベクターとしてFigmaにコピーする方法
クリップボード経由でSVGをFigmaに持ち込む方法、貼り付けたレイヤーの中身、スキャンできる状態を保つ編集、そしてFigmaプラグインとの比較。
KoloQRを選ぶ理由
- ウェブサイト、メニュー、Wi-Fi、PDF、名刺用のQRコードを作成
- 色・ロゴ・オリジナルの形をカスタマイズ
- 高品質なPNG・SVGファイルをダウンロード
- 印刷にもデジタルにも対応




