スクエア画像

単色背景

1 色だけを含む画像ファイルを生成します。アップロードするものはありません。ファイルはブラウザ内で作られます。

1080 x 1080 px · #146C5C

Pick a color

要点

SquareImage.dev の Solid Color Background は、1 色のべた塗りで埋めた画像を、アップロードなしで生成します。見本から選ぶか、カラーピッカーを使うか、先頭の # の有無を問わず 16 進カラーコードを入力し、正方形・Full HD・縦長・QHD・4K または任意のサイズを選んで、PNG・JPEG・WebP でダウンロードできます。出力はべた塗りの RGB のみで、グラデーション、透過、文字や図形、印刷用の CMYK には対応しません。無料でアカウント登録は不要、ファイルは端末上の Canvas で生成されます。

By · Verified

単色背景はどうダウンロードする？

  1. 色を選ぶ。見本をクリックするか、カラーピッカーを使うか、16 進コードを入力します。
  2. サイズを選ぶ。正方形・Full HD・縦長・QHD・4K または任意の寸法です。
  3. 形式を選ぶ。PNG・JPEG・WebP から選択します。
  4. ダウンロードします。

こういう画像はいつ必要になる？

  • 本番の画像が用意できるまでの仮置きとして。
  • ビデオ通話、スライド、ロック画面の落ち着いた背景として。
  • ブランドカラーを実機の画面で確認するための色面として。
  • 他のソフトで何かを載せる下地として。

このツールにできないことは？

  • グラデーション：べた塗り 1 色のみです。
  • 透過：すべてのピクセルが塗りつぶされます。
  • 文字や図形：本格的なエディターが必要です。
  • CMYK：出力は RGB で、オフセット印刷向けではありません。

何かアップロードする必要はありますか？

いいえ。そもそもアップロードするものがありません。ファイルはブラウザ内の Canvas で生成されます。アカウント登録も透かしもありません。

よくある質問

16 進カラーコードを入力できますか？

はい。先頭の # はあってもなくても構いません。

選べるサイズは？

正方形・Full HD・縦長・QHD・4K に加えて、任意の寸法も指定できます。

グラデーションは作れますか？

いいえ。このツールはべた塗り 1 色で塗りつぶします。

このサイトのツールはすべて、写真を HTML canvas に描画し、その結果を読み出します。処理はそれだけです。だからアップロードは発生しません。ブラウザ自身のドキュメントは描画処理をこう説明しています:

“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
— MDN Web Docs, CanvasRenderingContext2D: drawImage() method

出典

リンク確認日: 2026-09-03

このサイトの他の画像ツール

  • Square Image ConverterBlur, solid color, resize, or 1:1 crop — the main square converter.
  • Square CropDrag a 1:1 crop box over the photo and compare several crops.
  • Blurred FrameSeparate scale controls for the sharp photo and the blurred backdrop.
  • Rounded CornersRound the corners of an image and keep the cut-out transparent.
  • Full DP MakerA whole photo as a profile picture, with no crop on WhatsApp.
  • Instagram Grid MakerSplit one photo into 2×2 to 4×4 tiles for a feed mosaic.
  • Drawing GridOverlay a numbered grid on a reference photo for grid drawing.