【Youtubeに役立つ】書体別！視認性が高いサムネイルの配色まとめ

.

【サムネイル作成も役立つ】視認性が高い配色まとめました

そもそも配色とは？

色は形や文字を見やすくしたり、注目度を高めたり、情報を区別したりと様々な用途があります。

見る人の感情に働きかえる作用も持ち、考えや言葉にできない感情を伝えることが可能です。

文字の可読性と色の対比

文字の可読性は、文字の色と背景色の差によって決まります。
白と黒の対比が一番可読性が高いです。
色相環の対称にある色の組み合わせ（補色）や隣り合う色の組み合わせ（色相対比）は効果的な色の組み合わせを見つける参考になります。

組み合わせの色味一覧

上記のような、基本的な考え方の勉強するのもありです。
でも、結局のところ、いい組み合わせが感覚的にわかるまでは、経験と作成していく本数などが関わってきます。
私は、色の組み合わせが本当に苦手です。。。
だからこそ、組み合わせパターンがあれば、
Youtubeのサムネイル作成もぐっと楽になるのではと思いましたので、載せておきます。
（随時更新予定）

ゴシック体

パターン①

↓

文字色：#ffed1d
境界線①：#1c2410
境界線②：#dc282a
影色：#980b00

ーー
パターン②

↓

▼メインテキスト
文字色：#ffed1d
影色：ー
境界線①：#1c2410
境界線②：#00508b

▼サブテキスト
文字色：#00508b
影色：ー
境界線①：ー
境界線②：#00508b

ーー
パターン③

↓

▼メインテキスト
文字色：#e400a9
影色：#00000
境界線①：ー
境界線②：#fbfffe

▼サブテキスト
文字色：#00000
影色：#00000
境界線①：ー
境界線②：#fbfffe

ーー
パターン④

↓

▼メインテキスト
文字色① ：#46a400
文字色② ：#00000

背景色① ：#fceed4
背景色② ：#46a400
背景色③ :＃ffec17

ーー
パターン⑤

↓

文字色：#dd0e05
影色：-
境界線①：#fce922
境界線②：#530a07
背景色：#07063b