DevTools
戻る

カラーピッカー

画面上の任意の場所から色を抽出

Loading…

他のカテゴリを探索

ユーティリティをもっと見る

すべて見る

人気の開発者ツール

すべて見る

カラーピッカー(スポイトツール)とは?

カラーピッカー(カラースポイト、カラーピッカー、スポイトツールとも呼ばれます)は、画面上の任意の場所から色を抽出して選択できる強力なツールです。ブラウザだけでなく、あらゆるアプリケーション、デザイン、画像から色を取得できます。最新のEyeDropper APIを使用して、ワンクリックで正確なカラーコードをキャプチャできます。

使い方

「画面から色を選択」ボタンをクリックすると、カーソルがスポイトに変わります。画面上の任意の場所(ブラウザの外でも可)に移動してクリックすると色がキャプチャされます。ツールは複数の形式(HEX、RGB、HSL)で色を表示し、ワンクリックコピーボタンを提供します。

画面カラーピッカーの主な機能

画面上の任意の場所から色を抽出してサンプリングできます。ブラウザウィンドウに限定されません。複数の形式(HEX、RGB、HSL)で即座にカラーコードを取得できます。最大20色の自動カラー履歴追跡機能があります。任意の形式でワンクリックコピー。Figma、Photoshop、ウェブサイト、画像など、あらゆるアプリケーションで動作するユニバーサルカラードロッパーとして機能します。

使用例

競合他社のウェブサイトからブランドカラーを抽出するデザイナー、デザイン仕様に合わせる開発者、カラーパレットを作成するデジタルアーティスト、カラースキームを分析するUI/UXデザイナー、画面から正確なカラー値を必要とする人に最適です。

よくある質問

どのブラウザがこのツールをサポートしていますか?

EyeDropper APIはChrome 95+、Edge 95+、Opera 81+でサポートされています。FirefoxとSafariは現在この機能をサポートしていません。

ブラウザの外から色を選択できますか?

はい!それがこのツールの主な利点です。画面上の任意のアプリケーションから色を抽出できます - Photoshop、Figma、他のブラウザ、デスクトップの壁紙、または表示可能な任意のウィンドウ。

カラー履歴はどのように保存されますか?

カラー履歴はlocalStorageを使用してブラウザにローカルに保存されます。ツールは最後に選択した20色を保持し、このデータはデバイスから離れることはありません。

どのカラー形式が利用できますか?

ツールはHEX(#RRGGBB)、RGB(rgb(r, g, b))、HSL(hsl(h, s%, l%))形式で色を提供し、各形式に即座にコピーボタンがあります。

画面データはサーバーに送信されますか?

いいえ。すべての色抽出は、ネイティブのEyeDropper APIを使用してブラウザでローカルに行われます。スクリーンショットやデータはサーバーに送信されることはありません。

モバイルデバイスで使用できますか?

残念ながら、EyeDropper APIは現在デスクトップブラウザ(Chrome、Edge、Opera)でのみ利用可能です。モバイルブラウザはまだこの機能をサポートしていません。