1. 01HEX、rgb()、hsl()、色名などの CSS カラーを入力するか、標準のカラーピッカーを使います。
2. 02必要な色形式をコピーするか、階調の色見本をクリックして HEX をコピーします。
3. 03コントラストの欄で前景と背景を選び、コントラスト比と WCAG AA/AAA の判定を確認します。
4. 04EyeDropper に対応したブラウザーでは「画面から色を取得」をクリックできます。Esc でキャンセルしてもエラーにはなりません。

• 受け付ける範囲は colord の CSS カラー構文への対応に依存し、ブラウザーの将来の色関数をすべて解析できる完全なパーサーではありません。
• 階調は colord.tints(10) / shades(10) のアルゴリズムによる結果であり、特定のデザインシステムの固定パレットとは異なります。
• WCAG チェックはプラグインが実装する WCAG 2.0 のコントラスト閾値に従います。AA 通常テキスト 4.5、AA 大きな文字 3、AAA 通常テキスト 7、AAA 大きな文字 4.5。
• EyeDropper はこの Web API に対応したブラウザーでのみ有効になります。ユーザー自身のクリックが必要で、ブラウザーの権限やセキュアコンテキストの制約を受けます。
• 画面からの色取得はユーザーが選んだ sRGB の HEX を 1 つ返すだけで、画面を継続的にキャプチャしたり録画したりしません。

色の計算はブラウザー内で完結します。EyeDropper はユーザーが呼び出したときにブラウザーが 1 つの色値を返すだけで、画面の内容をアップロードすることはありません。