道具

色のコントラスト確認：文字は背景と4.5:1以上

文字の色と背景の色を入れると、読みやすさの基準を満たしているかを判定します。計算はこのページの中だけで行い、色はどこにも送られません。

発売から半年で、売上が2.4倍に
ふつうの大きさの文字はこのくらいです。資料の本文や注記に使います。
—

基準について

ウェブの読みやすさの国際的な基準 WCAG(日本では JIS X 8341-3 が対応)では、文字と背景のコントラスト比を4.5:1以上(大きな文字は3:1以上)、 グラフの線や棒・アイコンなど文字以外の要素は3:1以上とすることを求めています。デジタル庁デザインシステムも同じ基準を使っています。 スライドを投影すると画面より色が薄く見えるので、資料では余裕をもって基準を超える色を選ぶのがおすすめです。

色の見本の値は、デジタル庁デザインシステムの色(一部は近い値)です。