カラーピッカー(スポイトツール)とは?
カラーピッカー(カラースポイト、カラーピッカー、スポイトツールとも呼ばれます)は、画面上の任意の場所から色を抽出して選択できる強力なツールです。ブラウザだけでなく、あらゆるアプリケーション、デザイン、画像から色を取得できます。最新の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)でのみ利用可能です。モバイルブラウザはまだこの機能をサポートしていません。