QRコード
日本語
More tools on Utills → Utills →
Custom QR code

Custom QR Code Maker

Design a QR code with your own colours, size, and logo — then download it as PNG or SVG, free and in your browser.

リンクを入力するかコンテンツの種類を選択してQRコードを確認

コンテンツ

スタイル

誤り訂正

レベルが高いほど、破損やロゴで覆われてもスキャン可能です。

ロゴ（任意）

中央にロゴを追加します。引き続きスキャンできるよう誤り訂正はHに設定してください。
Your coloursYour sizeAdd a logo PNG · SVG

By Utills.in 更新日 June 2026

Style a QR code to match your brand

A plain black-and-white QR code works, but a custom one looks intentional. This maker lets you set the foreground and background colours, the output size in pixels, the quiet-zone margin, the error-correction level, and an optional centre logo — so the code matches your poster, deck, or packaging.

The content is still encoded directly into the pattern, so your custom code is static and never expires. Download a PNG at any pixel size, or an SVG vector that stays razor-sharp on a large print.

How to make a custom QR code

  1. Enter your content. Choose a content type and type your link or details.
  2. Choose your colours. Set the foreground and background in the Style section. Keep good contrast.
  3. Set size and margin. Pick the output size in pixels and the quiet-zone width.
  4. Add a logo and download. Optionally drop in a logo, then download as PNG or SVG.

Contrast is what makes it scan

Dark foreground on a light background is the most reliable combination. Avoid light-on-dark or low-contrast colour pairs, and never invert the colours (a light code on a dark background) unless you have tested it on several phones.

スタイル付き QR コードを読み取れる状態に保つもの

QR コードは自由に色を変えたりサイズを変えたりできますが、ISO/IEC 18004 規格のいくつかの物理的なルールが、カメラがまだそれを捉えられるかどうかを左右します:

設定 読み取れる状態に保つルール
コントラスト 明るい背景に暗い前景を保ってください。低コントラストの組み合わせや明暗反転（暗い背景に明るい前景）のコードは多くのカメラで失敗します。
クワイエットゾーン 規格は各辺に少なくとも 4 モジュールの余白を求めており、カメラがコードの終端を判別できるようにします。
サイズ 印刷では、目安としてスキャン距離はコード幅の約 10 倍です — 2 cm のコードは約 20 cm で読み取れます。大きいほど安全です。
ベクター（SVG） SVG はどんなサイズでも非常に鮮明なままなので、大きなポスター、バナー、パッケージに最も安全な書き出し形式です。

色とサイズのヒント

  • 色付きのコードが欲しい場合は、その逆ではなく前景（暗いモジュール）を変えて背景を明るく保ってください — カメラは明るい背景に暗いものを想定しています。
  • 余白スライダーはクワイエットゾーンを設定します。約 4 のままにすると仕様に合致し、印刷で最も信頼できる選択です。
  • 複雑なコードを縮小しないでください（長い URL は高密度のグリッドになります）。内容を短く保つか、各モジュールが鮮明なまま保てるよう大きく印刷してください。
  • 画面上や手早い用途には PNG を、大きく印刷する場合は SVG を書き出し、公開する前に最終的な成果物を端末でスキャンしてテストしてください。

More QR code tools

All-in-one QR tool QR code generator QR code with logo QR code reader Scan QR from image

よくある質問

Can I change the QR code colours?

Yes. Set any foreground and background colour in the Style section. Keep a strong contrast so cameras can read it.

What size should I make my QR code?

Choose a size that suits where it will appear. For print, bigger is safer — and an SVG download scales to any size without blurring.

Is a custom code still static?

Yes. Styling only changes the look; the content is still baked into the pattern, so the code never expires.

Where is my image processed?

Building or reading a QR code happens in your browser, so the file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.

他の画像ツール

Image tool

Crop an image

Crop to any ratio or an exact pixel size.

 Image tool

Resize an image

Change dimensions to exact pixels or presets.

 Image tool

Compress an image

Shrink file size without visible quality loss.

 Image tool

Convert HEIC to JPG

Turn iPhone HEIC photos into universal JPG.

 Image tool

Convert image format

PNG, JPG and WebP — convert any to any.