暗いウェブサイトとダークモード
暗いヘッダーや、夜にダークモードへ切り替わるサイトには、明るいロゴが必要です。明るい背景にはオリジナルを、暗い背景には白抜きのバージョンを使い分けましょう。
どんなロゴも、暗い背景用の白抜きに。黒や好きな色にも変えられ、透過PNGやくっきりしたベクターファイルで保存できます。ウェブサイトのURLを貼り付けるだけでもかまいません。
ロゴをここにドロップ、またはファイルを選択ロゴを選択
PNG、JPG、WebP、SVG、PDF、AI、PSDのいずれか。ファイルは端末内にとどまります。
ドロップしてロゴを開く
ロゴをクリックすると、そのサイトで見つかった次のロゴに切り替えたり、ロゴを外したりできます。
リール、TikTok、YouTube向けの3Dロゴアニメーション動画、光沢のある3D画像、3Dプリント用データを、ブラウザー上で数秒で作成できます。
4ステップ、
PNG、
ロゴの
背景を
512、
デザイナーが
色の付いた形はすべて、白、黒、または選んだ色になります。文字の内側や、2つの形のあいだの細い白線など、ロゴの内側の白い細部は透明になります。暗い背景に置くと、そこから背景の暗さが透けて見えるので、デザインは描かれたとおりに見えます。
これが、デザイナーの言う白抜きロゴ(反転ロゴ)です。形はそのままに1色にして、残りは背景にまかせます。ブランドガイドラインでは、暗い写真、暗いウェブサイト、濃い色の布地の上ではこのバージョンを使うよう定められており、1色刷りの印刷工程もこのバージョンから始まります。
その企業がサイトですでに白いロゴを使っていれば、Logo Finderが暗いタイルの上に表示します。それは企業自身の白いバージョンなので、そのまま使えます。
ロゴを
赤いバッジの中の白い星、色付きの円を横切る白い文字、2つの形を分ける細い白いすき間を思い浮かべてください。ロゴ全体を白く塗りつぶすと、これらが埋まって、ただのシルエットになってしまいます。ここではその部分を切り抜くので、細部は透明になり、ロゴの後ろにあるものが透けて見えます。
印刷の現場では、これを「ヌキ(ノックアウト)」と呼びます。黒いシャツなら、白インクは形の部分だけに刷られ、細部は布地そのものが描き出します。箔押しやスポットUVなら、加工が形の部分を覆い、すき間からはカードの地が見えます。どちらの場合も、ブランドは1色でもひと目でわかります。
ダウンロードする前に、プレビューで黒、グレー、ブランドカラーの背景に置いて仕上がりを確認してください。明るいバージョンとヌキについては、暗い背景用にロゴを白抜きにする方法で詳しく解説しています。
1つの
| バージョン | 見た | 使う | 主な |
|---|---|---|---|
| 白 | ロゴ全体が | 黒、 | 暗い |
| 黒 | ロゴ全体が | 白や | レーザー彫刻、 |
| 好きな | ロゴ全体が | その | ブランドカラーの |
| オリジナル | 企業が | 白や | 明る |
どのバージョンも、512、1024、2048、4096pxの透過PNG、SVG、PDF、EPSのほか、レーザー加工機やカッティングプロッター用のDXFのカットデータでもダウンロードできます。
「好きな
「好きな色」を選んでカラーピッカーを開き、ブランドガイドラインに記載されたHEXコードかRGB値を入力します。ロゴは透明な背景の上でその1色になり、PNG、SVG、PDF、EPSで保存できます。
ガイドラインが手元にありませんか? 「ロゴから」の色見本にはロゴの中にある色が並ぶので、ブランド独自の青や赤の1色バージョンもワンクリックで作れます。プレビューの横の「ブランドカラー」一覧では、それぞれの色をHEX、RGB、CMYKで表示するので、そのまま作業指示書にコピーできます。
よく選ばれるのは、落ち着いたロゴウォールに使うやわらかなグレー、刺繍の糸の色、1色刷りのインク、レターヘッドの文字の背後に敷く淡い色などです。
ロゴより
暗いヘッダーや、夜にダークモードへ切り替わるサイトには、明るいロゴが必要です。明るい背景にはオリジナルを、暗い背景には白抜きのバージョンを使い分けましょう。
暗いタイトルスライド、写真のスライド、プレゼンの締めくくりのスライドは、どれもロゴを白にしたほうが見やすくなります。
テロップ、エンドカード、写真に重ねた投稿。透明な背景の白抜きロゴなら、どんな映像にもなじみます。
濃い色のシャツ、パーカー、バッグ、キャップは、白インクでプリントするか、1色の糸で刺繍します。
ステージのスクリーン、暗い背景幕、濃い色の入場証やネックストラップには、どれも明るいバージョンが必要です。
箔押し、レーザー彫刻、1色刷りは、どれも1色のデータから作業します。彫刻には「黒」、箔押しには色付きのバージョンを使います。
白抜きの
ダークモード。明るいページにはオリジナルを、暗いページには白抜きのバージョンを用意し、訪問者がダークテーマを使っているときは、ウェブサイトが自動で切り替えるようにします。マークアップは暗い背景用にロゴを白抜きにする方法で紹介しています。
動画。白抜きの透過PNGを、どの動画編集ソフトでも映像に重ねて、隅のロゴ、テロップ、エンドカードとして使えます。ロゴそのものを動かしたいなら、ロゴアニメーション作成でロゴを暗いステージ上の白い3Dにして、リール、TikTok、ショート、YouTube向けのMP4に書き出せます。
グッズ。濃い色のシャツ、パーカー、キャップ、バッグには、白抜きのバージョンを白インク1色でプリントするか、1色の糸で刺繍します。SVG、PDF、EPSなら、印刷会社にすっきりした1つの形を渡せます。
暗い
いちばん暗い置き場所で試す。スタジオで黒とブランドカラーの背景を確認してから、実際の写真や動画のフレームで見てみましょう。
にぎやかな写真には、落ち着いた余白を。写真の暗い部分に置くか、ロゴの後ろにやわらかな暗いオーバーレイを敷けば、どの文字も読みやすく保てます。
2つのバージョンをセットで持つ。ダークモードのあるサイト、明るいスライドと暗いスライドが混在する資料、さまざまな用紙に刷る印刷物には、どれもオリジナルと白抜きの両方が必要です。ウェブサイトでの切り替え方は、ダークモードのロゴのガイドで紹介しています。
印刷にはベクターを使う。白抜きのバージョンのSVG、PDF、EPSなら、どんなサイズでもくっきりしたままで、シルクスクリーン印刷では、すっきりした1つの形を1版で刷れます。印刷会社がほかに求めるものは、印刷用のロゴファイルで解説しています。
白い四角の背景が付いたJPGから始めるなら? ロゴを白にする前に、その四角を取り除きます。色はそのままで四角だけを消したいなら、ロゴの背景透過ツールを使ってください。
色が1つ増えるごとに、シルクスクリーン印刷では版が、刺繍では糸が、印刷機では刷版が1つずつ増えます。1色のバージョンなら1回で刷れて、小さなサイズでも細部が保たれます。だからこそブランドガイドラインには1色のバージョンが含まれ、多くの印刷案件がそこから始まるのです。
次は、商品に載せて試してみましょう。無料のクレジットカード3Dモックアップ作成ツールなら、白抜きロゴを実寸のカードの上で金箔やスポットUVにして、スタジオの光の下で見られます。
ダークモードの
リンクは下にあります。このツールを引用する場合は、「Proofscene『無料のロゴ白抜きツール』proofscene.com、2026年」と記載してください。
<a href="https://proofscene.com/ja/tools/white-logo-maker/">無料のロゴ白抜きツール</a>ロゴをツールにドロップするか、企業のウェブサイトを貼り付けて、「白」を選びます。ロゴのすべての部分が白になり、背景は透明になります。512、1024、2048、4096pxのPNGか、ベクター形式のSVG、PDF、EPSでダウンロードできます。
「白」を選びます。すべての形が白になり、背景が透明になるので、暗いページ、スライド、写真、シャツのどこにでも置けます。プレビューの黒い背景で確認し、画面用にはSVG、印刷用にはPDFかEPS、それ以外には透過PNGを選んでください。黒、紺、赤、マルチカラーのロゴでも、同じように使えます。
「好きな色」で色を選ぶか、カラーピッカーに正確なHEXコードを入力します。ロゴ全体が、透明な背景の上でその1色になります。ロゴ自身の色も色見本として表示されるので、ブランドのメインカラーの1色バージョンもワンクリックで作れます。
はい。「黒」も「白」もそれぞれワンクリックで、どちらも透明な背景になり、透過PNG、SVG、PDF、EPSでダウンロードできます。「黒」は明るい紙、彫刻、スタンプに、「白」は暗い背景、動画、濃い色の布地に向いています。
PowerPointでは、ロゴを選択して「図の形式」タブを開き、「修整」→「図の修整オプション」を選んで、「明るさ」のスライダーをいちばん右まで動かします。Canvaでは、ツールバーに色のタイルが表示されるロゴなら、タイルごとに白を選べます。それ以外のロゴは、ここで白いバージョンを作り、「アップロード」タブからアップロードしてください。
ウェブサイトやアプリにはSVG、印刷にはPDFかEPS、書類、スライド、動画には背景透過のPNG(512、1024、2048、4096px)を使います。どれもくっきりしたままです。JPGは避けてください。透明部分を保存できないので、JPGで保存した白抜きロゴは四角い背景付きで届きます。
はい。文字の内側や2つの形のあいだの細い線など、ロゴの内側に白で描かれた細部は、抜けたまま残ります。透明になるので暗い背景が透けて見え、デザインは描かれたとおりに見えます。
PNGをドロップして「白」を選びます。白や単色の背景は先に取り除かれるので、完全に透明な背景の上に白いロゴができあがります。
手元のファイルなら、アカウントなしで無料・無制限に使えます。ファイルがブラウザーの外に出ることもありません。企業のウェブサイトから始める場合は、Logo Finderの毎日の無料検索を使います。
暗い背景用に作ったロゴのバージョンです。たいていは白か淡い色で、ダークモードのサイトや暗いスライドでも、ロゴがはっきり見えます。ウェブサイトでは、2つのバージョンを自動で切り替えられます。
このツールは役に立ちましたか?