カラーピッカー

WCAGアクセシビリティ・チェッカー＆カラー形式変換

色のコントラスト比を世界標準のWCAG 2.1に照らしてリアルタイムでチェック。誰もが使いやすいWebサイトを設計しましょう。

使いかた：

• 視覚的なインターフェースから色を選ぶか、HEXコードを直接入力します。
• CSSファイルで使えるRGB形式への変換値を確認します。
• アクセシビリティカードを見て、その色がAAまたはAAAの読みやすさテストに合格しているかチェックします。

どうすればWCAGのテストに合格できる？

標準的なテキストの場合、レベルAAに合格するには少なくとも4.5:1のコントラスト比が必要です。当ツールは、白文字と黒文字の両方の背景として「合格（PASS）」か「不合格（FAIL）」を判定します。視覚障害のあるユーザーを含め、すべての人が読みやすい背景色を選ぶことは、SEOやUX（ユーザー体験）において極めて重要です。