画面のカラーピッカー（スポイト）

このスポイトは、ブラウザ内蔵のEyeDropper APIを使って、画面上のどのピクセルの色でも（ほかのアプリ、写真、動画のフレーム、Webページでも）拾います。HEXコードに加えて、RGB、HSL、HSV、OKLCH、最も近いCSS色名が分かります。何もアップロードされず、ブラウザがページに渡すのはクリックした1色だけです。

使い方

1. 「スポイトを開く」にチェックを入れたまま「計算する」ボタンを押します（テキスト欄でEnterを押すと、入力した色を代わりに変換します）。
2. 拡大鏡を取りたいピクセルの上に動かしてクリックします（Escでキャンセル）。
3. 結果からHEX、RGB、HSLの値をコピーします。
4. ブラウザにスポイトがない場合は、チェックを外して色を入力または貼り付けて変換します。

計算式

ブラウザはピクセルをsRGBのHEX（#rrggbb）で返します。HSLとHSVは標準的なRGBの式から、OKLCHは線形sRGBからOKLabの行列を経て求め、最も近い色名はCIEDE2000の色差が最も小さいものです。

広色域（Display P3）の画面では、ブラウザが拾ったピクセルをsRGBに変換するため、非常に鮮やかな色は彩度がやや低く返ることがあります。

計算例

よくある「ログイン」ボタンの青を拾うと #2563EB、rgb(37, 99, 235)、hsl(221.2, 83.2%, 53.3%) が返ることがあり、最も近いCSS色名はroyalblueです。近いですが同じ色ではありません。