デザイン・マルチメディア

カラーコントラストチェッカー

アクセシビリティのために色のコントラストを確認する

作成・管理: CalcTago編集チーム最終更新: 2026-02-13

計算式やエッジケースは公開前に信頼性の高い参考資料と照合して検証しています。方法論、編集基準、修正については以下のリンクをご利用ください。

計算機を読み込み中...

よくある質問

カラー コントラスト チェッカーは何をしますか?

アクセシビリティのための色のコントラストを確認するのに役立ちます。

どのような入力が必要ですか?

前景色と背景色を入力します。

小数はサポートされていますか?

はい、必要に応じて 10 進数値を使用できます。

関連ツール

このツールについて

??

  • 前景色
  • 背景色

??

  • コントラスト比
  • 通常のテキスト
  • 大きいテキスト

このカラーコントラストチェッカーは、特定のタスクをすばやく正確に処理します。 前景色と背景色を記入すると、ツールがそれらの値からコントラスト比、通常のテキスト、大きいテキストを算出します。

入力値を変えて複数のシナリオを比較してみましょう。