色のコントラスト検査
コントラスト比 · 基準の判定 · 通る色の提案
색 대비 검사
글자색과 배경색의 대비비를 재고 접근성 기준 통과 여부를 알려줍니다
글자색
배경색
큰 글씨는 이렇게 보입니다
본문 글씨는 이렇게 보입니다. 읽어 보고 눈이 편한지 확인하세요.
대비비
4.54 : 1
본문 (4.5:1)
통과
큰 글씨 (3:1)
통과
AA 본문통과 — 최소 기준
AA 큰 글씨통과 — 18pt 이상 또는 굵은 14pt
AAA 본문실패 — 더 엄격한 기준
아이콘·테두리통과 — 글자가 아닌 요소 기준
본문에 쓸 수 있습니다.
文字色と背景色のコントラスト比を計算し、ウェブアクセシビリティ基準(WCAG)を満たすか教えます。満たさなければ、通る一番近い色を提案します。
使い方
- 文字色と背景色を入れる
- プレビューで目で確かめる
- 基準に合格するか見る
- 不合格なら提案された色を使う
よくある質問
- コントラスト比 4.5:1 はどういう意味ですか？
- 文字と背景の明るさの差を表す値です。ウェブアクセシビリティの基準では、本文の文字が 4.5:1、大きな文字が 3:1 が最低線です。
- 目で見ればよく見えるのに不合格と出ます。
- 画面の明るさや周りの照明で体感は大きく変わります。明るい屋外や安価なディスプレイでは見えないことが多いので、数値の基準を置いています。
- 大きな文字はどこからですか？
- 18pt 以上、または太字の 14pt 以上です。画面ではおよそ 24px、太字なら 18.66px あたりです。
ほかの道具
この端末の中だけ 入力した内容はブラウザの中だけで処理され、どこにも保存・送信されません。
このツールが入力をどこへ送るかは、上のバッジに書いてあります。 道具の一覧 · KarmoLab · 作った人 · AI と一緒に作っています。 ソースを見る