Brat 白文字テキストジェネレーター
緑に白、黒に白、白に黒。Brat らしく見えるのはどれか、それぞれの設定方法。
「白文字」の意味
元の Brat ジャケットはライムグリーンに黒文字です。白文字版は、文字を白にして背景を黒や暗色にするか、緑のまま低いコントラストを受け入れるかのどちらかです。
白文字を #8ACE00 に置くとコントラスト比は約 1.9:1。本文に必要な 4.5:1 を大きく下回るため、色が飛んで見えます。白文字を #000000 に置くと 21:1 で最大。反転版がくっきり見えるのはこのためです。
もうひとつよく使われるのが、レイアウトはそのまま白背景に黒文字へ反転させる方法です。清潔に見え、同じテンプレートだと分かります。
3つの作り方
- 1
反転版:白背景に黒文字
背景 #FFFFFF、文字 #000000。最もすっきりし、緑を外しても元の比率に近い仕上がりになります。
- 2
黒背景に白文字
背景 #000000、文字 #FFFFFF。コントラストは最大で、歌詞や引用、タイムラインで小さく表示される画像に向きます。
- 3
緑背景に白文字
背景 #8ACE00、文字 #FFFFFF。太い書体を選び、線の太い語を。細い文字は緑に埋もれます。
- 4
書体を合わせる
白文字で強いのは Bebas Neue と Anton。スクリプト体や等幅は、小さく明るい背景では形が崩れます。
- 5
書き出して確認する
PNG を保存し、実際に投稿する場所で見てください。100% のプレビューと圧縮後のフィード画像は別物です。
白文字の Brat について
- 白文字の Brat 画像はどう作りますか?
- テキストツールで文字色を #FFFFFF にし、背景を選びます。黒が最もコントラストが強く、Brat グリーンが最もそれらしく見えます。
- 緑背景の白文字は読めますか?
- ほぼ読めません。コントラスト比は約 1.9:1 で、本文に求められる 4.5:1 を大きく下回ります。大きな一語なら成立しますが、長い文には向きません。
- 白文字に合うフォントは?
- Bebas Neue と Anton です。線が太く均一なので、フィードで縮小されても判読できます。
- 白背景でも Brat に見えますか?
- 見えます。書体・字間・正方形の構成を保てば、同じテンプレートの反転版として成立します。
関連ツール
白文字のカバーを作る
色を選び、文字を入力し、PNG で書き出すだけ。アカウント不要、透かしなし。
テキストツールを開く