カラーピッカー

使い方

1. 1

   先に色相を決めて、それから面の上で動かします

   帯で色相を選ぶと、その色相で取れる明度と彩度が面にすべて描かれます。逆の順でやると、色相を変えるたびに面が描き直されるので色を追いかけることになります。

2. 2

   または画面から拾います

   「画面から拾う」を押すとブラウザのスポイトが開き、他のアプリケーションを含めて画面上のどのピクセルでも読めます。Chromium系のブラウザにしかない機能で、ないブラウザでは黙って失敗する代わりにそう伝えます。

3. 3

   またはスクリーンショットを置いて押します

   下の画像領域はどんな絵でも受け取り、押した場所のピクセルをそのまま返します。どのブラウザでも動く道筋で、スポイトがないときはこちらを使ってください。

4. 4

   コードが求める表記法でコピーします

   表記法が一度にすべて並び、それぞれにコピーボタンが付きます。どこでも動かなければならないスタイルシートには16進数を、互換性より色が大事なら`oklch()`の値を持っていってください。色見本がsRGBの外にあるとき、16進数は寄せた近似値です。

5. 5

   比べる色は保存しておきます

   「この色を保存」を押すと最大12個まで並んで残り、押せば戻れます。ページの中にしかないので、再読み込みすると消えます。

よくある質問

ここから渡せます

次の一手

このツールが出したものをそのまま受け取れる道具です。