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

2色間のコントラスト比をWCAG AAおよびAAAアクセシビリティレベルに対してチェックします。

コントラストチェックの使い方

よくある質問

必要なコントラスト比はどのくらいですか？

WCAG AAは通常テキストに4.5:1、大きなテキスト（18ptまたは14ptの太字）に3:1が必要です。AAAはそれぞれ7:1と4.5:1が必要です。

大きなテキストとは何ですか？

少なくとも24px（18pt）、または太字の場合は18.66px（14pt）以上のテキストです。大きなテキストは低いコントラスト比が許可されています。

コントラスト比はどのように計算されますか？

公式のWCAG計算式を使用して各色の相対輝度から計算され、1:1（コントラストなし）から21:1（黒地に白）までの値が得られます。

このツールについて

テキストと背景色の正確なコントラスト比を表示し、AAおよびAAAアクセシビリティレベルを満たすかどうかを示すWCAGカラーコントラストチェッカーです。

スウォッチまたは16進数コードで色を選択してライブプレビューを確認してください。良好なコントラストはサイトを読みやすくアクセシブルにします。

MD5、SHA-1、SHA-256、SHA-512でテキストのハッシュを生成します。すべてブラウザ内で処理されます。

HEX、RGB、HSL、HSV、CMYKなどの色形式を相互に変換します。すべてブラウザ内で処理されます。

UnixタイムスタンプをUTC・現地時刻・カスタムタイムゾーンの日付文字列に変換、またはその逆の変換を行います。

URLコンポーネントのエンコードとデコードを行います。特殊文字を%XX形式に変換したり、元に戻したりします。