JA EN

コントラスト

読み: こんとらすと

画像内の最も明るい部分と最も暗い部分の輝度差、またはその差の知覚的な強さ。画像の立体感や視認性を左右する重要な要素。

コントラストは、画像中の明部と暗部の輝度差を表す概念であり、写真の印象を決定づける最も基本的なパラメータの一つである。コントラストが高い画像は明暗の差が大きく力強い印象を与え、低い画像は全体的にフラットで柔らかい印象になる。たとえば晴天の屋外で撮影した写真は自然にコントラストが高くなり、曇天や霧の中では低コントラストになる。

Web デザインにおいてコントラストはアクセシビリティの観点からも重要である。WCAG 2.1 では通常テキスト (18px 未満) に 4.5:1 以上、大きなテキスト (18px 以上または 14px 太字) に 3:1 以上のコントラスト比を要求している。CSS の filter: contrast(1.2) で画像のコントラストを 20% 強調でき、prefers-contrast: more メディアクエリでユーザーの高コントラスト設定に応じたスタイルを提供することも可能である。

関連用語

関連記事