無料 · WCAG 2.2 AA / AAA · API呼び出しゼロ

カラーコントラストチェッカー——パレット全体を採点

2つのHEX(または5色パレット)を入力するだけで、すべての「文字+背景」組み合わせを即座に採点。合格・不合格が一目で分かります。

大見出し
本文——タイポグラフィがすべてのインターフェースのリズムを決めます。
この背景上の小さなキャプション
16.7 : 1
AAA
AAA 本文(≥ 7.0)
AAA 大文字(≥ 4.5)
AA 本文(≥ 4.5)
AA 大文字(≥ 3.0)
UIコンポーネント(≥ 3.0)
Lokumaで使う

実際に合格するサイトを

LokumaのAIビルダーはWCAG AAを既に満たす色の組み合わせを選択——出力されるサイトは洗練されつつ、デフォルトでアクセシブル。

ビルダーを開く

使い方

01

色を入力

HEX値を入力または選択。前景(テキスト)、背景、または5色パレット。カラーパレットツールから貼り付けも可能。

02

リアルタイムで採点

WCAG 2.2のコントラスト比 + AA / AAA バンド、W3C仕様に準拠。計算はブラウザで実行——API呼び出しゼロ。

03

サイトに適用

合格した組み合わせをLokumaビルダーへ。生成されるサイトは既に合格した色の組み合わせで構築されます。

よくある質問

関連ツール