推し活をしていると、プロフィール欄に書きたいことはどんどん増えます。現場の予定、交換・譲渡の窓口、配信の告知、描いたファンアート。SNSのプロフィール欄だけでは収まらず、リンクをひとつにまとめたページを用意する人が増えています。
この記事では、推し活プロフィールに何を載せるかを活動スタイル別のチェックリストで整理し、推しカラーでおしゃれに見せるコツをまとめます。後半では、代表的な推しカラー11色について「文字にしたとき読めるかどうか」を実際に計算した結果を載せています。
目次
推し活プロフィールに載せるもの
載せるものは、推し活のスタイルによって変わります。まず全員に共通するものを押さえて、自分に近いタイプの項目を足していくと迷いません。
全員に共通するもの
- 推しの名前(グループ名・作品名): ページの一番上に。「誰のファンか」が一目でわかると、同担さんが見つけてくれやすくなります
- 自分のSNSアカウント: X・Instagram・TikTokなど、普段いちばん動いているアカウントを先頭に
- 連絡の窓口: DMを受け付けるのか、質問箱(マシュマロなど)を使うのかを決めて1つ載せる
- スタンス: 「同担歓迎」「無言フォローOK」など、プロフィール欄に書ききれない一言を添える
現場派(ライブ・舞台・イベントに通う人)
- 参戦予定: 公演名と日程の一覧。詳細な座席や宿泊先は載せない(後述)
- 交換・譲渡の窓口: 交換用のポストやフォームへのリンク。条件(郵送のみ、手渡しは公演日のみ、など)も一緒に
- 遠征メモやレポ: noteやブログに書いたレポへのリンク
- 公式のチケット情報: 公式サイトや公式リセールへのリンクを置くと、同行者探しの話が早くなります
配信派(配信・動画・ラジオを追う人)
- 推しの公式チャンネル: YouTube・ライブ配信アプリ・ラジオ番組のページ
- 自分の感想まとめ: 切り抜き感想やタグ付き投稿のまとめ
- 配信スケジュールの見方: 公式のスケジュールページへのリンク。手で書き写すより間違いがありません
創作派(ファンアート・グッズ・同人誌を作る人)
- 作品の置き場所: pixiv、Instagramの作品アカウントなど
- 頒布・販売先: BOOTHやminneなどのショップページ
- 依頼の窓口: Skebなどで依頼を受けているならそのリンク
- 二次創作のルール: 公式のガイドラインがある場合は、そのページへのリンクを置いておくと安心です
リンクの数が増えたら、今いちばん見てほしいものを一番上に置きます。人は上から順に見るので、交換の締切が近いなら交換窓口を、新作を出したばかりなら頒布先を先頭にします。
推しカラーの使い方
推し活プロフィールの「らしさ」は、推しカラーで決まります。ただ、色を入れる場所を間違えると、一気に読みにくいページになります。
推しカラーは「面」と「アクセント」に使う
推しカラーを入れるのに向いているのは、次の場所です。
- 背景の一部やグラデーション: ページ全体の印象を決める
- ボタンの地の色: 押してほしいリンクに目が行く
- アイコンの枠や背景: 小さくても色の印象が残る
一方で、長い文章の文字色には向かない色が多くあります。理由は次の節で数字で示します。
色は3色までに絞る
「推しカラー+背景の色+文字の色」の3色で組むと、まとまって見えます。グループの箱推しで色が多い場合は、全員分を並べるより、グループの公式カラーを1色選ぶか、白や黒を地にして推しカラーはボタンだけに使うと散らかりません。
名前と季節で「推しのページ」にする
- ページのタイトルや自己紹介に、推しの名前や作品名を入れる
- 誕生日や周年、ツアー期間だけ色や並び順を変える
色の数字の目安は、文字が読める配色の目安(コントラスト比)でもまとめています。
推しカラーで文字が読みにくくなる組み合わせ
「推しカラーの文字、なんだか読みにくい」と感じるのは気のせいではありません。文字と背景の明るさの差は、コントラスト比という数字で測れます。
ウェブのアクセシビリティの国際的な基準(WCAG 2.1)では、普通の大きさの文字は4.5:1以上が目安です。大きな見出し(おおむね24px以上、太字なら約19px以上)は3:1以上で足ります。数字が大きいほど読みやすく、最大は白と黒の21:1です。
代表的な推しカラーを11色選び、白地と黒地に文字として置いたときのコントラスト比を、WCAG 2.1 の計算式で出しました。色の値(HEX)はこの記事で決めた代表値で、特定のグループや作品の公式カラーではありません。
| 推しカラー | 色の値 | 白地に文字 | 黒地に文字 | 白地で読める濃さの目安 |
|---|---|---|---|---|
| 赤 | #E60012 | 4.80 ✅ | 4.37 ❌ | そのままでOK |
| ピンク | #FF69B4 | 2.65 ❌ | 7.93 ✅ | #E60073(4.55) |
| オレンジ | #FF8C00 | 2.33 ❌ | 9.00 ✅ | #B26200(4.53) |
| 黄 | #FFE100 | 1.31 ❌ | 16.02 ✅ | #857500(4.62) |
| 黄緑 | #9ACD32 | 1.88 ❌ | 11.15 ✅ | #5F7F1F(4.62) |
| 緑 | #00A040 | 3.44 ❌ | 6.10 ✅ | #008937(4.53) |
| 水色 | #4FC3F7 | 2.00 ❌ | 10.48 ✅ | #087DB2(4.58) |
| 青 | #0068B7 | 5.73 ✅ | 3.66 ❌ | そのままでOK |
| 紫 | #8E44AD | 5.87 ✅ | 3.58 ❌ | そのままでOK |
| 白 | #FFFFFF | 1.00 ❌ | 21.00 ✅ | 文字には使わない |
| 黒 | #000000 | 21.00 ✅ | 1.00 ❌ | そのままでOK |
✅は4.5:1以上、❌は未満です。「白地で読める濃さの目安」は、色みと鮮やかさを保ったまま明るさだけを下げて、白地で4.5:1を超えた最初の色です。
計算してわかったこと
- 白地で文字にして読めたのは、11色中4色(赤・青・紫・黒)だけでした。ピンク・オレンジ・黄・黄緑・緑・水色は、白地の文字色にすると基準に届きません
- 特に黄(1.31)と黄緑(1.88)は、白地ではほとんど読めない水準です。読める濃さまで暗くすると、黄はオリーブのような色(#857500)になり、もう「黄色」には見えません
- 逆に黒地では、赤・青・紫が届きません。赤は4.37と惜しいところで、黒地の文字にするなら少し明るく(#EB0012で4.5を超えます)すると基準を満たします
- 緑は白地で3.44なので、大きな見出し(3:1基準)なら使えますが、自己紹介のような小さな文字には足りません
読みにくい組み合わせの代わりにどうするか
推しカラーをあきらめる必要はありません。色を置く場所を変えるのがいちばん簡単です。
- 推しカラーは背景やボタンの「地」に使い、文字は濃い色にする。 コントラスト比は文字と背景を入れ替えても同じ数字になります。つまり、表の「黒地に文字」の値は「推しカラーの地に黒い文字」と同じです。ピンク・オレンジ・黄・黄緑・緑・水色のボタンなら、ボタンの文字は黒にすると6.10〜16.02:1で読めます。赤・青・紫のボタンなら文字は白(4.80〜5.87:1)です
- 白地のページで推しカラーの文字を使いたいなら、表の「読める濃さ」に寄せる。 色みは残るので、推しカラーだと伝わります
- 黄担・白担さんは、黒やネイビーの地に推しカラーを乗せる。 黄は黒地なら16.02:1で、白を除けば表の中でいちばん読みやすい色になります
- 長い文章は推しカラーにしない。 名前や見出しなど短く大きい文字だけに色を使い、自己紹介や説明は濃いグレーか黒にします
迷ったら、スマホの画面を少し暗くして見てみてください。それでも読めるなら、たいていの人に読めます。
身バレ・個人情報で気をつけること
推し活プロフィールは、知らない人にも見られる前提のページです。仲間に見つけてもらいやすくするほど、見せたくない人にも届きやすくなります。
載せないほうがいいもの
- 本名、学校・職場、最寄り駅
- リアルタイムの居場所: 「今◯◯駅」「この後△△に行きます」など。参戦予定は公演名と日付までにして、座席番号や宿泊先は書かない
- 顔がはっきり写った写真: アイコンは推しのグッズやイラストにする人も多いです
- 写真の写り込み: 窓の外の景色、制服、郵便物、部屋の特徴的なもの
交換・譲渡で気をつけること
- 住所のやり取りは、匿名で送れる配送サービスを使うと相手に住所を知らせずに済みます
- チケットの譲渡は、まず公式のリセールやルールを確認します。条件を満たすチケットを定価より高く転売することは、チケット不正転売禁止法で禁止されています
定期的に見直す
担降りしたあとも古いページが残っていると、昔の予定や交換条件を見た人から連絡が来ることがあります。現場が終わったら、参戦予定や交換窓口のリンクを外しておきましょう。
最後に
推し活プロフィールは、載せるものを絞って、推しカラーを「地」に使うだけで、ぐっと見やすくなります。色の数字は難しく見えますが、覚えることは「白地の文字には濃い色、明るい推しカラーは背景かボタンに」の2つだけです。
まとめページを作るサービスを選ぶときは、無料プランで自分のページに広告が出るかどうかも確認しておくと安心です。無料で広告が出ないサービスの選び方で、主要なサービスを比べています。
