Well, you found a glitch.

ツールは(L1 + 0.05) / (L2 + 0.05)の式を用いて2色間のコントラスト比を自動計算します。結果をAA基準の4.5:1、AAA基準の7:1の閾値と比較し、視覚障害を持つユーザーにとってもテキストが読みやすいことを保証し、UI開発における一般的なアクセシビリティの落とし穴を防ぎます。

ユーザーがインターフェースに直接16進数コードを入力すると、即座にコントラスト比が再計算されます。ページ更新の必要がないため、デザイナーはカラーパレットを迅速に反復でき、デザインワークフローを中断することなくブランドカラーをアクセシビリティ要件に適合させることができます。

標準的なHTML、CSS、Vanilla JavaScriptで構築されており、重い依存関係やバックエンドインフラを必要としません。非常にポータブルで高速であり、標準的な接続環境で500ms以下で読み込まれます。最小限のフットプリントにより、パフォーマンスへの負荷をかけずにローカル環境へ統合可能です。

インターフェースは、大小のテキストサイズに対して明確な色分け（合格は緑、不合格は赤）による視覚的フィードバックを提供します。この即時的な視覚的合図により、開発者は色の選択が与える影響を即座に理解でき、ドキュメントの確認や複雑なデザインソフトの使用に費やす時間を削減できます。

CSS Flexboxとメディアクエリを活用し、モバイルデバイスからデスクトップモニターまで、様々な画面サイズで機能するように設計されています。このレスポンシブ性により、開発者はターゲットとするデバイス上で直接コントラスト比をテストでき、すべてのブレークポイントでアクセシビリティが維持されることを確認できます。