コントラスト
コントラストとは？
Contrast
文字や部品と背景の明暗の差。
コントラストの意味
背景と文字の色が近すぎると、読みにくくなります。明暗の差だけでなく、文字の大きさや太さも考えて確認します。状態や意味を、色だけで伝えないことも大切です。
どんな場面で使う？
Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
身近な例
白背景に薄いグレーの文字を置く場合、読める明暗差があるか確認します。
何を押さえればいい？
役割
文字や部品と背景の明暗の差。
理解の深さ
まずは「何をするものか」と具体例を結び付けて覚えれば十分です。
確認の視点
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
似た言葉・関連する言葉との違い
「コントラスト」は文字や部品と背景の明暗の差ものです。一方、「アクセシビリティ」はさまざまな人が使いやすくする考え方ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。
使うとき・学ぶときの注意
きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。
コントラストについてのQ&A
Qコントラストをひと言でいうと？
A文字や部品と背景の明暗の差。
Qコントラストはどの言葉と一緒に覚えるとよい？
A「アクセシビリティ」、「カラーパレット」、「タイポグラフィ」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。
AIに相談してみる
このままコピーして使える指示文
［ ］の部分を自分の状況に合わせて書き換えてください。
以下の文字・背景・操作部品の配色を確認してください。判定できる箇所は色コードと文字サイズからコントラストを検証し、読みやすい代替色を提案してください。色だけで状態を伝えない案も示してください。 変更理由も短く示し、情報が足りない場合は先に質問してください。 色コード・文字サイズ・画面仕様： ［ここに貼り付け］
秘密情報は入力しないでください
ほかの言葉も調べてみませんか？
用語一覧へ戻る