写真、スクリーンショット、デザインのモックアップから、どのピクセルでも正確な色を調べられます。画像をクリックまたはタップし、ルーペで狙いを定めて、HEX、RGB、HSL、OKLCH で色をコピーします。選んだ色は書き出せるリストにたまり、Chrome と Edge では画面上のどこからでも色を拾えます。画像なしで、色の変換ツールとしても使えます。
使い方
- 画像をドロップ、貼り付け、または選択します。色を入力して変換することもできます。
- 画像をクリックまたはタップします。スマートフォンでは指を滑らせ、離したところの色を拾います。矢印キーでルーペを 1 ピクセルずつ動かせます。
- 必要な値をコピーするか、色をテキスト、CSS、JSON でダウンロードします。
よくある質問
- ファイルはアップロードされますか？
- いいえ。すべての処理は、あなたのブラウザの中、あなたの端末上で行われます。ご自分で確かめられます。ブラウザのデベロッパーツール（DevTools）を開き、ツールの動作中に「ネットワーク」タブを見てください。アップロードは一切発生しません。ページタイトルの横にあるバッジには、このページが送信したバイト数がリアルタイムで表示されます。
- デザインアプリで見る色と少し違うのはなぜですか？
- 写真は広い色空間で保存されていたり、プロファイルが埋め込まれていたりすることがよくあります。ブラウザは表示のために画像を標準の sRGB に変換し、ピッカーは画面に見えているその sRGB の値を表示します。3×3 や 5×5 ピクセルの平均を取ると、JPEG のノイズもならされます。
- ブラウザの外の色も拾えますか？
- パソコンの Chrome と Edge なら拾えます。「Pick from screen」で画面上のどのピクセルでも取得できます。ほかのブラウザにはこの機能がないため、ボタンは表示されません。画像から色を拾う機能はどのブラウザでも使えます。
- どの色の形式を読み取れますか？
- HEX（#1e90ff や #19f）、rgb()、hsl()、oklch() を、カンマ区切りでもスペース区切りでも入力・貼り付けできます。どの形式も、ほかのすべての形式に一度に変換されます。