カラー文字エフェクト：8つの色と、自分の色の選び方

「カラー文字」と打つ人は、ほとんどいません。打たれるのは青い文字であり、ピンクであり、赤です。色は、あとから調整するつまみではありません。それこそが探しに来たものであり、たいていは、うまく言葉にできない理由を抱えています。

そこでこの記事は、色ごとに並べました。以下の見本はどれも、その色の名前をその色で書いたものです。色について読むのではなく、色そのものを見てもらうためで、すべて TextStudio のカラー文字ジェネレーターで作りました。8つの色に入る前に、ほかのすべてを決めてしまう一点があります。

色そのものは読みやすくありません。背景との関係で決まります。

上のパネルを見てください。「WHITE」という文字は、そこにあります。 ほかとまったく同じ大きさ、同じ太さで書かれていて、それでも見えません。白の上の白は、何もないのと同じだからです。黄色も、わずかにましなだけです。

読めないデザインのほとんどは、ここでつまずいています。カラーピッカーの中だけで、たまたま表示されている背景を相手に色を選んでしまうのです。色それ自体に読みやすさはありません。あるのは、後ろにあるものとの関係だけで、勝負はすべてそこで決まります。

そこから出てくる実践的なルールが、まず背景を決めることです。そのうえで、その背景に対して居場所のある色を選びます。黄色は黒地では抜群で、白地では絶望的です。白はその逆です。色そのものは何も変わっていません。変わったのは、下にあるものだけです。

1. 青

いちばん検索されている色で、いちばん静かな色でもあります。青は信頼、距離、冷たさとして読まれます。銀行やソフトウェア、病院が青で埋め尽くされているのは、そのためです。しかも後退します。青い単語は前に飛び出さず、一歩後ろに下がります。

弱点は暗さです。純粋な青は、彩度の高い色の中でいちばん暗く見えるので、黒い背景では、上のように発光か明るいフチ取りがないと生き残れません。

2. ピンク

ピンクはもう単なる「女の子向け」ではありませんし、この10年はずっとそうです。温かさ、遊び心、自信として読まれ、美容、音楽、そして若い層に向けたもの全般の定番になりました。

明るい地でも暗い地でも成立するので、いちばん扱いやすい色のひとつです。落とし穴は逆側にあります。ピンクの上のピンクです。背景を文字と同じムードボードから持ってくると、これが起きます。

3. 赤

もっとも声の大きい色です。赤は停止、セール、警告、愛、食欲を一度に意味し、読み手は文脈が示す意味を選び取ります。どの色よりも前に出ます。赤い単語は、同じ大きさの青い単語より物理的に近く見えます。

一度に一つのことだけに使ってください。同じデザインに赤い要素が2つあると、どちらも「いちばん急ぎだ」と主張しているので、互いに打ち消し合います。

4. 緑

自然、お金、健康、そして「進め」。強い「はい」を運べる唯一の色で、世界中の確定ボタンが緑なのはそのためです。明るさの幅の中でも真ん中に収まり、無理なく置けます。

色味には注意してください。黄緑はみずみずしく楽しい印象になり、青緑は無機質で高価な印象になります。同じ「緑」という名前で、まったく別のメッセージです。

5. 黄

目が処理できるいちばん明るい色であり、最良の場合と最悪の場合の差がいちばん大きい色でもあります。黒地では無敵です。白地では、最初の画像で見たとおり、ほとんど消えます。

この差があるので、黄色にはほぼ必ず縁が要ります。白い抜き、暗いフチ取り、何でもいいので境界を与えるものです。テキストに縁取り（ストローク）を追加する方法のガイドが、まさにその作り方を説明しています。黄色は、それをいちばん必要とする色です。

6. オレンジ

赤の攻撃性を抜いた温かさです。オレンジは親しみやすく、元気で、セールの貼り紙のように少しだけ安っぽく読まれます。秋、スポーツ、そして食べ物の色です。

ほかの色の隣に置くのが、いちばん難しい色でもあります。赤とはぶつかり、茶色とは濁り、青とはちらつきます。余白を与えるか、無彩色を添えてください。

7. 白

不在ではなく、選択です。白は清潔さ、上質さ、静けさとして読まれます。写真の上では、ほとんどどんな被写体でも成立する唯一の色で、ファッションと映画のタイトルを支配しているのはそのためです。

ルールは単純で、例外がありません。白の後ろには、暗いものが必要です。明るい写真の上では完全に消え、どれだけ影を足しても救えません。文字を動かすか、写真を暗くするか、色を変えてください。

8. 一度にたくさんの色

一文字に一色、レインボー仕立てです。楽しさ、子どもらしさ、お祝いとして読まれ、「カラー文字」と打つ人の多くが思い浮かべているのは、これです。

そのぶん読みやすさを支払いますし、その代償は思っているより大きいものです。これは、あとで別に実演する価値があります。

8色すべて、それぞれ自分の色で書いたもの

このリストには3つの色が入っていません。それぞれ専用のガイドがあるからです。ゴールドテキストエフェクト、紫のテキストエフェクト、そしてネオンフォントです。シルバーとクロムについてはメタルフォントをご覧ください。

読まれる前に、それぞれの色が語ること

色は、単語より先に読まれます。読み手が文字を解読し終えるころには、これが急ぎなのか落ち着いた話なのか、安いのか高いのか、子ども向けなのか大人向けなのかを、すでに知らされています。そこから降りることはできません。だからこそ、意図して選ぶ価値があります。

暖色は前に出て、注意を要求します。寒色は後ろに下がり、読み手に息をつかせます。やわらかい色は、やさしさと祝祭を語ります。どれも従わなければならない規則ではありませんが、破るなら、分かったうえで破ってください。

何色までなら読めるか

私たちは単語を、文字の連なりではなく形として読んでいます。1色ならその形は保たれ、単語はまるごと届きます。3色でもまだ成立します。目がそれらをひとつのパターンとしてまとめるからです。7色になると形は断片に割られ、気づけば一文字ずつ読んでいます。

誕生日のバナーなら、それで構いません。誰も急いでいないからです。サムネイルでは致命的です。1秒もないのですから。レインボーは装飾であって、書き方ではありません。

3ステップで選ぶ

1. 色より先に、背景を見る。 明るいか暗いかで、選択肢の半分がその場で決まります。黄色と白は、その線の反対側に住んでいます。
2. ムードボードではなく、メッセージで選ぶ。 赤は急ぎ、青は落ち着き、緑は進めを意味します。色とメッセージが食い違えば、勝つのは色です。先に届くからです。
3. にぎやかな地に明るい色を置くなら、縁をつける。 背景が平らなパネルではなく写真になったとたん、黄色もオレンジも白も、境界を必要とします。

このページのエフェクトはすべて無料で、アカウントも要りません。TextStudio を開くと、どの色でも自分の言葉を書けます。

よくある質問

文字にいちばん読みやすい色は何ですか？ 背景を抜きにした答えはありません。白地に黒と、黒地に白が、もっとも読みやすい2つの組み合わせです。黒地に黄色がそれに続き、白地に黄色は最悪の部類に入ります。

タイトルにはどの色を使えばいいですか？ まず後ろにあるものと対比する色を、次にメッセージに合う色を。この順番です。雰囲気には合っていても読めないタイトルは、唯一の仕事に失敗しています。

ひとつの単語に何色も入れられますか？ できます。3色くらいまでなら読みやすさも保てます。それを超えると、書いているのではなく飾っていることになります。パーティーのバナーには正しい選択で、急いで読まれなければならないものには誤った選択です。

カラー文字がくすんで見えるのは、なぜですか？ たいていは、色と背景の明るさが近すぎるからです。まったく違って見える2つの色でも、明度はほとんど同じということがあります。文字を浮き立たせるのは色相ではなく、明度のほうです。

カラーコードを知っておく必要はありますか？ ありません。ここで紹介したエフェクトは、どれもフチ取りや影と釣り合うように選ばれた色を、すでに持っています。数値を調整するより、出来上がったエフェクトを選ぶほうが速く、たいていは仕上がりも良くなります。