Brat 白文字テキストジェネレーター

元の Brat ジャケットはライムグリーンに黒文字です。白文字版は、文字を白にして背景を黒や暗色にするか、緑のまま低いコントラストを受け入れるかのどちらかです。

白文字を #8ACE00 に置くとコントラスト比は約 1.9:1。本文に必要な 4.5:1 を大きく下回るため、色が飛んで見えます。白文字を #000000 に置くと 21:1 で最大。反転版がくっきり見えるのはこのためです。

もうひとつよく使われるのが、レイアウトはそのまま白背景に黒文字へ反転させる方法です。清潔に見え、同じテンプレートだと分かります。

1. 01

   反転版：白背景に黒文字

   背景 #FFFFFF、文字 #000000。最もすっきりし、緑を外しても元の比率に近い仕上がりになります。

2. 02

   黒背景に白文字

   背景 #000000、文字 #FFFFFF。コントラストは最大で、歌詞や引用、タイムラインで小さく表示される画像に向きます。

3. 03

   緑背景に白文字

   背景 #8ACE00、文字 #FFFFFF。太い書体を選び、線の太い語を。細い文字は緑に埋もれます。

4. 04

   書体を合わせる

   白文字で強いのは Bebas Neue と Anton。スクリプト体や等幅は、小さく明るい背景では形が崩れます。

5. 05

   書き出して確認する

   PNG を保存し、実際に投稿する場所で見てください。100% のプレビューと圧縮後のフィード画像は別物です。

白文字の Brat 画像はどう作りますか？

テキストツールで文字色を #FFFFFF にし、背景を選びます。黒が最もコントラストが強く、Brat グリーンが最もそれらしく見えます。

緑背景の白文字は読めますか？

ほぼ読めません。コントラスト比は約 1.9:1 で、本文に求められる 4.5:1 を大きく下回ります。大きな一語なら成立しますが、長い文には向きません。

白文字に合うフォントは？

Bebas Neue と Anton です。線が太く均一なので、フィードで縮小されても判読できます。

白背景でも Brat に見えますか？

見えます。書体・字間・正方形の構成を保てば、同じテンプレートの反転版として成立します。

白文字の Brat について