本文(小)12pxで表示されます
本文(中)16pxは、一般的なWEBサイトに使われている文字のサイズです。
見出し(中)24pxは、h2要素
見出し(大)32pxは、h1要素
● ■ ◆ ▲
現在のコントラスト比:
- 小文字(12px)は
- 中文字(16px)は
- 大文字(24px)は
*AA基準では、小文字・中文字サイズが4.5以上が合格
*AA基準では、大サイズが3.0以上が合格
CSSコード:
コントラスト比が合格している組合せをランダムに再配色
保存した配色
- 背景色と文字色を変更すると、右側のサンプル表示がリアルタイムで変化します。
- 「ランダムに変更」ボタンをクリックすると、コントラスト比が基準を満たす配色が自動で生成されます。
- 作成した配色は「保存する」ボタンで下部に保存でき、一覧として残しておくことができます。
- 保存した配色は、各項目の右下にある「削除ボタン」から個別に削除できます。
