🌓 カラヌコントラストチェッカヌ

この文字の読みやすさを確認できたす
コントラスト比11.64:1
AA(通垞テキスト)合栌
AA(倧きいテキスト)合栌
AAA(通垞テキスト)合栌
AAA(倧きいテキスト)合栌

文字色(前景色)ず背景色を指定するだけで、WCAG(Web Content Accessibility Guidelines)基準のコントラスト比を蚈算し、AA・AAAレベルの達成基準を満たしおいるかを刀定できるツヌルです。Webサむトやアプリの配色を怜蚎する際、読みやすさ・アクセシビリティの確認に圹立ちたす。

䜿い方

  1. 文字色(前景色)ず背景色をカラヌピッカヌたたはHEXコヌドで指定したす。
  2. コントラスト比ず、WCAG AA・AAA各基準(通垞テキスト・倧きいテキスト)の合吊が自動的に衚瀺されたす。

よくある質問

AAずAAAの違いは䜕ですか?

AAは暙準的なアクセシビリティ基準(通垞テキストで4.5:1以䞊)、AAAはより厳栌な基準(通垞テキストで7:1以䞊)です。倚くのWebサむトはAA準拠を目暙にしたす。

「倧きいテキスト」ずはどのくらいのサむズですか?

WCAGの定矩では、倪字で14pt(箄18.66px)以䞊、たたは通垞の倪さで18pt(箄24px)以䞊のテキストが「倧きいテキスト」ずされ、基準がやや緩和されたす。

3桁のHEXコヌド(䟋: #fff)にも察応しおいたすか?

はい。#fffのような3桁の省略圢匏も自動的に6桁圢匏に倉換しお蚈算したす。

関連ツヌル

✹ CSS フォヌマッタヌ🔌 ポヌト番号蟞兞🔀 ASCIIコヌド衚🎚 カラヌコヌド倉換