アクセシブルなカラーペアファインダー
アクセシブルカラーペアファインダー 任意の背景色に対して、WCAGアクセシビリティ基準を満たす前景色を見つけます。 背景色を入力すると、ツールはHSLカラー空間を検索して、AAまたはAAAのコントラストコンプライアンスを達成するテキストカラーのパレットを生成します。 各ペアをサンプルテキストでプレビューし、特定の色の組み合わせを確認し、アクセシブルなペアをCSSカスタムプロパティとしてエクスポートします。 使用方法 カラーピッカーまたは16進数入力を使用して背景色を選択または入力します。 ツールは即座にカラー空間をスキャンし、選択したWCAGレベルに合格する推奨前景色のグリッドを表示します。 いずれかのスウォッチをクリックして、背景色に対するテキストとしてプレビューします。 確認するには...
ツールを試す »