スポイトカラーピッカー

画面のどこでもスポイトで指せば、その色のHEX・RGB・HSLがすぐに出ます。値をクリックするとコピーされます。

#6B4A94

カラーピッカーを開く

値をクリックするとコピーされます

사용 방법

スポイトで取る

「スポイトで取る」を押すとカーソルが拡大鏡に変わります。このページの外、他のアプリの上からでも取得できます。取り消すには Esc を押してください。

確認してコピー

HEX・RGB・HSLの3表記が並びます。必要な行をクリックすればクリップボードに入ります。

あとで使い回す

取った色は下の「最近の色」に残ります。クリックでその色に戻り、消去ボタンで一覧を空にできます。

「スポイトで取る」ボタンが見当たりません。

画面全体から色を拾う機能(EyeDropper API)は現在デスクトップ版のChromeとEdgeでのみ動作します。Safari・Firefox・モバイルではボタンが隠れるので、代わりにカラーピッカーをお使いください。

Safariでもスポイトを使いたいです。

Macなら「カラーピッカーを開く」を押し、表示されるシステムのカラー画面の左上にある拡大鏡アイコンを使えば画面のどこからでも色を拾えます。OS側のスポイトなのでブラウザを問わず動作します。Windowsのカラー画面にこの機能はありません。

画像から色を取りたい場合は？

写真ファイルを開いて特定の位置の色やパレット全体を取り出すには「画像カラー抽出」ツールをお使いください。本ツールはファイルを使わず、画面に映っているものをそのまま拾う用途です。

HEX・RGB・HSLはどう使い分けますか？

HEX(#3B82F6)はウェブやデザインツールで最も広く使われます。RGBは光の三原色の値なので映像や照明の作業に向き、HSLは色相・彩度・明度に分かれるため「同じ色でもう少し明るく」といった調整が直感的です。

取得した色が実物と微妙に違います。

ディスプレイのカラープロファイル(P3・sRGBなど)によって、画面上の値と元の色が異なる場合があります。スポイトは実際に描画されたピクセルを読むため、正確な元の値が必要なときは元ファイルの色指定をご確認ください。

データはサーバーに送信されますか？

いいえ。色の取得も変換もすべてブラウザ内で完結し、画面の内容も取得した色も外部に送信されません。最近の色の一覧もブラウザ内にのみ保存されます。