うちわで目立つ配色は？黒・蛍光色・推し色の組み合わせ方と見やすくするコツ

うちわを作ろうと思ったとき、最初は「好きな色を選べばいいかな」と考えていても、いざ作り始めると迷いやすいものです。背景は黒と白のどちらがいいのか、文字は蛍光色がいいのか、フチは何色にするのか。ひとつ決めると次の選択肢が出てきて、気づけば小さな配色会議が始まります。

特に初めて作る場合は、「かわいい」と「遠くから見やすい」のどちらを優先すればいいのか分からず、正解を探して手が止まることもあるでしょう。

うちわの配色は、派手な色を増やせば目立つわけではありません。まずは文字と背景の明暗差を意識すると、候補を絞りやすくなります。

この記事では、黒・蛍光色・推し色をどう組み合わせると見やすくなりやすいのか、背景・文字・フチの考え方から、完成前に確認したいポイントまで順番に紹介します。

うちわの配色に迷ったら「黒ベース×明るい色」から試しやすい

うちわの配色で迷ったら、まず候補にしやすいのが「黒い背景×明るい文字」です。蛍光イエローや明るいピンクも候補になります。黒と明るい色のように、隣り合う色の明暗差を大きくすると、文字の輪郭を見分けやすくなります。

大事なのは、単に派手な色を選ぶことではありません。文字と背景をはっきり分けることです。

• 迷ったら試したい目立つ配色3パターン
• 派手さより「明暗差」が重要

迷ったら試したい目立つ配色3パターン

「結局、何色をどこに置けばいいの？」という人は、次の3パターンから考えると決めやすくなります。

パターン	背景	文字
①	黒	蛍光イエロー
②	黒	蛍光ピンク
③	黄色系	黒

①は、黒い背景と蛍光イエローで大きく明暗差をつけたいときに使いやすい組み合わせです。白系の内フチを入れるなら、文字と外フチの色が混ざって見えにくいときに絞るとよいでしょう。

②は、明るいピンクを主役にしたい場合の組み合わせです。黒背景にピンク文字を置き、白い内フチで輪郭を分けると、推し色を生かしながら文字の輪郭を分けやすくなります。

③は、背景そのものを明るくしたい場合の考え方です。黄色系の背景に黒文字を置くと、文字と背景の差を作りやすくなります。

ただし、フチは多いほど目立つわけではありません。文字が小さくなったり、色が増えすぎてごちゃついたりすることもあります。まずは「背景→文字」の2色で見やすいか確認し、必要なときだけ内フチや外フチを足すほうがまとまりやすいです。

派手さより「明暗差」が重要

蛍光色を使えば、それだけで読みやすくなるわけではありません。ポイントは、文字とその周りの色を区別しやすいことです。

たとえば、一般的な明るい黄色と黒は明暗差を作りやすい一方、白と明るさの近い淡い水色では、離れた場所から見たときに文字の輪郭がぼんやりすることがあります。

デジタル表示のアクセシビリティでも、文字と背景には十分なコントラストを持たせる考え方が使われています。ライブ用うちわにWebの数値基準をそのまま当てはめるものではありませんが、「隣り合う色の明暗差を大きくする」という考え方は、配色を決めるときのヒントになります。

つまり、見るべきなのは「蛍光色かどうか」だけではなく、文字が背景からしっかり浮いて見えるかどうかです。

背景・文字・フチはどう組み合わせる？目立つ配色の作り方

同じ色を使っていても、「背景・文字・フチ」のどこに置くかで見え方はかなり変わります。この記事では、配色を「背景→文字→内フチ→外フチ」の順で整理して考えます。

特に意識したいのは、隣り合う色同士がきちんと区別できるかどうかです。

• 黒うちわなら蛍光イエロー・ピンク・白を文字に使う
• 推し色のうちわなら黒・白などの対照色で文字の輪郭を作る
• 「かわいく目立つ」なら推し色を外フチに使う

黒うちわなら蛍光イエロー・ピンク・白を文字に使う

黒いうちわは、明るい文字色との明暗差を作りやすいので、配色に迷ったときの土台として使いやすいです。

候補にしやすいのは、蛍光イエロー、明るいピンク、白など。たとえば、次のように組み合わせられます。

背景	文字	内フチ	外フチ
黒	蛍光イエロー	なし	なし
黒	蛍光ピンク	白	なし
黒	白	黒または濃い色	推し色

色数やフチを増やすと文字の輪郭が複雑になる場合があります。色を足すときは、実物で文字の形が見分けやすいか確認するとよいでしょう。

黒背景と文字色だけで十分に見分けられるなら、フチを無理に足す必要はありません。反対に、文字と外フチが近い色で混ざって見える場合は、適切な幅の白や黒の内フチを挟むと分離しやすくなります。

ただし、黒背景なら必ず見やすいわけではありません。会場の照明、ステージまでの距離、文字の大きさ、素材のツヤなどでも見え方は変わります。

推し色のうちわなら黒・白などの対照色で文字の輪郭を作る

「せっかくなら推し色をしっかり使いたい」という人も多いですよね。推し色を使う場合も、色そのものを避ける必要はありません。

背景と文字の明暗差が小さい場合は、白や黒など、周囲との差を作りやすい色のフチを挟む方法があります。

• 明るい推し色の背景 → 黒文字を合わせる
• 濃い推し色の背景 → 白や明るい黄色系の文字を合わせる
• 推し色と文字がなじみすぎる → 白または黒の内フチを入れる

たとえば、淡いピンクの背景なら黒文字にすると輪郭が出やすくなります。逆に、濃い青や濃い紫の背景なら、白や明るい黄色系の文字を置くほうが区別しやすい場合があります。

ここで少しややこしいのが、同じ「黄色」「青」「紫」でも明るさが同じとは限らないことです。素材や色味によってかなり差が出ます。

そのため、「この色なら必ず見える」と決めつけず、背景と文字を実際に重ねて確認すると判断しやすくなります。推し色と文字を直接隣り合わせると見づらい場合は、間に白や黒を挟む方法があります。

「かわいく目立つ」なら推し色を外フチに使う

読みやすさは欲しいけれど、黒・白・黄色だけでは少し物足りない。そんなときは、推し色を外フチに回す方法があります。

たとえば「黒背景→蛍光イエロー文字→白い内フチ→推し色の外フチ」のようにすると、文字を読む部分では明暗差を確保しながら、外側に推し色を足せます。

逆に、推し色を文字・内フチ・外フチのすべてに入れてしまうと、色同士が近くなって輪郭がぼやけることもあります。

「読ませる部分」と「推し色を見せる部分」を分けて考えるのがコツです。かわいく見せたい場合も、まず文字の形が分かる配色を作り、そのあとで外フチや背景に推し色を足すと調整しやすくなります。

推し色を使いたいときの目立つ配色

ここからは、推し色の明るさに応じた具体例を見ていきます。色名だけでは明るさを決められないため、同じ色名でも実際の色味や素材によって見え方が変わる点に注意してください。

• 明るく見える赤・ピンク・黄色系などの場合
• 濃い青・紫など暗く見える色味の場合

ざっくり整理すると、次のように考えられます。

推し色の例	見え方の傾向	合わせ方の例
明るい赤・ピンク・黄色・オレンジ、淡い緑・水色など	明るく見える色味なら、黒など濃い色と差を作りやすい	推し色背景＋黒文字、または黒背景＋推し色文字
青・紫・濃い緑・濃い赤など	暗く見える色味は、黒と重ねると沈むことがある	推し色背景＋白・明るい黄色系の文字
白	非常に明るい	黒文字や濃い色のフチと合わせる

ただし、同じ青や紫でも、淡い色と濃い色では見え方が違います。表はあくまで出発点として、最後は実物の素材を重ねて確認してください。

明るく見える赤・ピンク・黄色系などの場合

赤・ピンク・黄色など、明るく見える推し色なら、「黒背景＋推し色の文字」か「推し色背景＋黒文字」が考えやすい組み合わせです。

たとえば明るいピンクの文字を使いたいなら、黒いうちわに置くと背景との差を作りやすくなります。逆に、黄色系の背景を主役にしたいなら、文字を黒にすると輪郭が見えやすくなります。

では、同じ推し色を文字とフチの両方に使いたい場合はどうでしょうか。

同系色を重ねること自体が悪いわけではありません。ただ、文字とフチの明るさが近いと境界が分かりにくくなるので、その間に黒や白を挟む方法があります。

• 黒背景 → 明るいピンク文字 → 白フチ
• 黄色系背景 → 黒文字 → ピンクやオレンジの外フチ
• 明るい赤系背景 → 黒文字 → 必要に応じて白の外フチ

文字と隣接する色に十分な明暗差があるかを確認し、必要に応じて白や黒のフチで境界を作ると調整しやすくなります。

濃い青・紫など暗く見える色味の場合

青や紫を推し色にしていると、「黒いうちわにそのまま使いたい」と考えることもあるかもしれません。ただ、濃紺や濃い紫を黒背景に直接置くと、文字が背景へ沈んで見える場合があります。

そんなときは、推し色を諦めるのではなく、使う場所を変えてみてください。

背景	文字	内フチ	外フチ
濃い青	白	なし	明るい黄色系など
濃い紫	明るい黄色系	白または黒	なしでも可
黒	白	なし	青・紫などの推し色

このように、青や紫を背景や外フチへ回し、読ませたい文字を白や明るい黄色系にすると、推し色を残しながら文字との明暗差を作りやすくなります。

「暗い色＝文字には使えない」という意味ではありません。淡い青や明るい紫なら、黒背景との組み合わせが成立することもあります。逆に、同じ青でも濃紺に近づくほど黒背景との差が小さくなることがあります。

また、遠くから読むうちわでは、配色だけでなく文字の大きさも影響します。公共交通の案内サインでも、文字の見やすさは配色だけでは決まらず、表示方法や掲出条件などを含めて設計されています。ライブ用うちわの基準ではありませんが、色だけで判断しないという点は参考になります。

暗い推し色を使いたいときは、「文字に使えるか」だけで悩まず、背景・内フチ・外フチまで含めて配置を入れ替えてみると選択肢が増えます。

目立ちにくくなりやすいうちわの配色

「この色は絶対NG」というより、読みにくくなる理由を知っておくほうが配色は直しやすいです。特に気をつけたいのは、明暗差が小さい色を重ねること、補色や高彩度の色を明暗差を確認せずに組み合わせること、画面上の見え方だけで決めることです。

• 白×水色など明るさが近い色を隣接させる
• 補色でも文字とフチを直接隣接させれば見やすいとは限らない
• 画面上の蛍光色と実物の素材を同じだと思わない

白×水色など明るさが近い色を隣接させる

白と淡い水色、淡い黄色と白のように、どちらも明るい色を隣り合わせると、文字の輪郭がぼんやりしやすくなります。

これは「水色だから見えにくい」という話ではありません。濃い水色なら白との差が出ることもあります。問題になりやすいのは、隣り合う2色の明るさが近いときです。

たとえば「白い文字＋淡い水色の背景」で見づらいなら、文字の周りに黒や濃い色の内フチを1本入れると、境界を作りやすくなります。

見えにくくなりやすい例	調整例
白文字＋淡い水色背景	白文字＋黒フチ＋淡い水色背景
淡い黄色文字＋白背景	淡い黄色文字＋黒フチ＋白背景

同系色や淡い色を使うこと自体は問題ありません。文字とすぐ隣にある色の差が小さいなら、その間に濃い色を挟む。そう考えると修正しやすくなります。

補色でも文字とフチを直接隣接させれば見やすいとは限らない

反対色に近い組み合わせなら、何でも読みやすくなるのでしょうか。実は、色相の差が大きくても、文字として読みやすいとは限りません。

補色や高彩度の色同士でも、明暗差が小さい場合や特定の組み合わせでは、文字の輪郭を追いにくく感じることがあります。色相が違っていても明るさが近ければ、遠くからは形を判別しにくいことがあります。

そんなときは、文字とフチの間に黒や白を挟む方法があります。「補色かどうか」だけで決めず、文字の輪郭が一瞬で分かるかを見てください。

画面上の蛍光色と実物の素材を同じだと思わない

スマホやパソコンで作った配色シミュレーションは便利ですが、画面上の「蛍光色風」の表示、実物の蛍光素材、通常の印刷色、反射素材では、発色や光の返り方が異なります。

会場照明、表面のツヤ、光の反射、見る角度、撮影条件などでも印象は変わります。産総研のブランドガイドラインでも、WCAGはWeb向けの基準であり、印刷物では見え方が異なるため、コントラスト比は目安として扱う考え方が示されています。

そのため、画面では「これなら目立ちそう」と思っても、最終判断は実物で確認するのがおすすめです。配色シミュレーションは候補を絞るために使い、完成前には実際の素材を重ねて見ておくと判断しやすくなります。

配色を決めたら「遠くから一瞬で読めるか」を確認する

配色がまとまったら、次に見るべきなのは「きれいに作れたか」ではなく、離れた場所から短時間で読めるかどうかです。文字の輪郭、太さ、大きさ、情報量まで含めて確認すると、完成形の見え方を判断しやすくなります。

• フチは文字と背景を分離するために使う
• 太めで形を判別しやすい書体・大きい文字・短い言葉を選ぶ
• 完成前に、暗めの場所や離れた位置でも比較する

フチは文字と背景を分離するために使う

フチを入れる目的は、飾りを増やすことではなく、文字と背景を分けることです。まずは「文字→内フチ→背景」と隣り合う色が、それぞれ見分けられるかを確認してください。

フチなしでも文字と背景の差が十分にあるなら、そのままでも成立します。1重フチは、文字と背景の境界をはっきりさせたいときに使いやすい方法です。

2重フチにする場合は、外側に推し色を足したいときなどに向いています。たとえば「蛍光イエロー文字→白い内フチ→ピンクの外フチ→黒背景」のように、内フチで文字を分離し、外フチでデザイン性を足す考え方です。

フチの数	主な役割
なし	文字と背景だけで十分に差があるとき
1重	文字と背景を分離して輪郭を見せたいとき
2重	輪郭を確保しつつ、外側に推し色などを加えたいとき

ただし、フチを増やすほど必ず目立つわけではありません。フチの面積が大きくなると、そのぶん文字そのものを小さくせざるを得ないこともあります。

見るべきなのはフチの本数ではなく、文字の形が背景からきちんと分離しているかどうかです。

太めで形を判別しやすい書体・大きい文字・短い言葉を選ぶ

配色が良くても、文字が細い、小さい、長すぎると、一瞬では読み取りにくくなります。

うちわでは、太めのゴシック体など、線が比較的太く形を判別しやすい書体を使い、文字をできるだけ大きく見せると読み取りやすくなります。細い書体や筆記体のような装飾が強い書体は、離れた場所では線がつぶれて見えることがあります。

また、文字数が増えるほど1文字あたりの大きさは小さくなります。「○○して」「こっち見て」のように、短い言葉へ絞るほうがうちわ全体を大きく使えます。

• 線の細い文字より、太く形が分かりやすい文字
• 小さい文字を詰め込むより、大きい文字
• 長い文章より、短い語句

ただし、ゴシック体なら何でも読みやすいという意味ではありません。文字の太さ、文字間、漢字の複雑さなどでも見え方は変わります。

配色だけでなく、「色＋文字設計」の両方を整えることが大切です。

完成前に、暗めの場所や離れた位置でも比較する

完成前には、候補の配色を同じ文字・同じフォント・同じサイズで作り、条件をそろえて比べてみると差が分かりやすくなります。

たとえば、明るい部屋だけでなく少し暗めの室内で見たり、数m離れた位置から確認したり、スマホで撮影して見返したりする方法があります。

チェックしたいのは、文字そのものを読めるか、背景へ沈んでいないか、表面の反射で白飛びしていないか、といった点です。

ただし、自宅で数m離れて読めたからといって、ライブ会場でも同じように見えるとは限りません。会場の照明、周囲の人、ステージまでの距離までは再現できないためです。

それでも、候補配色以外の条件をそろえて比べれば、「どの組み合わせが自分の素材では見分けやすいか」を判断する材料にはなります。

うちわの目立つ配色に関するよくある質問

最後に、うちわの配色で迷いやすいポイントを短く整理します。

• 黒いうちわで試しやすい文字色は？
• 推し色と同系色でまとめても目立つ？
• フチは1重と2重のどちらがいい？
• 蛍光色なら必ず普通の色より目立つ？

黒いうちわで試しやすい文字色は？

黒との明暗差を作りやすい、蛍光イエロー、明るいピンク、白などが候補です。「一番」を決めるより、まずは蛍光イエロー系か明るいピンク系を同じ文字サイズで比べ、実物で読みやすいほうを選ぶと判断しやすいです。

推し色と同系色でまとめても目立つ？

同系色でも目立たせることはできます。ただし、文字とすぐ隣の色の明るさが近いと輪郭がぼやけやすくなります。たとえばピンク文字と濃いピンク背景の間に白や黒のフチを挟むと、文字を分離しやすくなります。

フチは1重と2重のどちらがいい？

フチの数より、文字の輪郭が見えるかどうかで決めるのが基本です。1重で十分に文字と背景を分けられるなら、増やす必要はありません。推し色を外側に足したい場合などは、2重フチが使いやすいことがあります。

蛍光色なら必ず普通の色より目立つ？

必ずではありません。蛍光色は有力な候補ですが、背景色、実物の素材、会場の照明、距離、表面の反射などでも見え方は変わります。画面上の「蛍光色風」の表示とも異なるため、最終的には実物で確認すると判断しやすくなります。

まとめ｜うちわの目立つ配色は明暗差と文字の輪郭で決める

うちわで目立つ配色を考えるときは、「特定の1色が必ず目立つ」と考えるより、隣り合う色の明暗差と文字の輪郭を見るほうが決めやすくなります。

• 迷ったら、黒背景×蛍光イエローや明るいピンクから試す
• 推し色を使うなら、黒・白などを挟んで文字の輪郭を作る
• 濃い青・紫など暗く見える色は、背景や外フチに回す方法もある
• 完成後は、離れた位置や暗めの場所で実物を確認する

文字と背景、文字とフチのように、隣り合う色の明暗差を確認することがポイントです。

さらに、文字の太さや大きさ、言葉の短さも見え方に影響します。配色だけで判断せず、「遠くから一瞬で読めるか」まで確認して仕上げると、うちわ全体を調整しやすくなります。

参考文献・参考資料

• デジタル庁デザインシステムβ版「カラー（アクセシビリティ）」
• 環境省「ウェブサイト作成ガイドライン｜情報を見やすくするために」
• W3C WAI「Understanding Success Criterion 1.4.3: Contrast (Minimum)」
• 国土交通省「公共交通機関の旅客施設に関する移動等円滑化整備ガイドライン（バリアフリー整備ガイドライン 旅客施設編）」2025年9月
• 産業技術総合研究所「AIST Brand Guidelines」