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

Beta

テキストと背景色の組み合わせが WCAG アクセシビリティガイドラインに合格しているかどうかを確認してください。

無料
サインアップはありません
ブラウザで実行します
モバイルでも動作します

{名前}の概要

入力: 前景色と背景色
出力: コントラスト比と WCAG 準拠ステータス
プライバシー: すべてはデバイス上で行われます。何もアップロードされていません。
価格: 無料、アカウントなし、ウォーターマークなし。

{名前}の使い方

1文字色（前景色）と背景色を入力します。
2このツールは 2 つの色のコントラスト比を即座に計算します。
3この組み合わせが、標準テキストとラージテキストに関する WCAG AA および AAA 標準に合格するか不合格になるかを表示します。

特徴

ライブコントラスト比の計算。
WCAG AA および AAA の準拠ステータス。
HEX、RGB、または HSL カラー形式を受け入れます。
選択した背景上のテキストの視覚的なプレビュー。

{名前} よくある質問

WCAG とは何ですか?

WCAG は Web コンテンツアクセシビリティガイドラインの略です。これは、視覚障害を含む障害のある人々が Web コンテンツにアクセスしやすくするための一連の標準です。

良好なコントラスト比とは何ですか?

WCAG AA では、通常のテキストの場合は少なくとも 4.5:1、大きなテキストの場合は 3.1:1 の比率が必要です。 WCAG AAA では、通常のテキストの場合は 7:1、大きなテキストの場合は 4.5:1 が必要です。

コントラストが重要なのはなぜですか?

高コントラストにより、誰でも、特に弱視や色覚異常を持つユーザーにとって、テキストが読みやすくなります。

HEX から RGB コンバーターBetaHEX カラーコードを RGB に、またはその逆に瞬時に変換します。Base64 デコーダーBase64 (標準または URL セーフ) をデコードしてテキストに戻します。Base64 エンコーダーURL セーフオプションを使用して、テキストを Base64 にエンコードします。境界半径ジェネレーター視覚的に 1 つまたはすべての角を丸くして、CSS の短縮表現をコピーします。

もっと見る {カテゴリー}最終更新日 2026年10月8日