EyeDropper APIを使用して画面上の任意の色を選択するか、HEX、RGB、HSL形式で色を入力します。すべての主要な色形式間でリアルタイムに変換します。
「画面からピック」をクリックしてEyeDropperツールを有効にしてください。画面上の任意の場所をクリックしてその色をキャプチャします。他のアプリケーションを含む表示されているコンテンツすべてに対応しています。
カラー四角形をクリックしてネイティブカラーピッカーを開いてください。すべてのブラウザで動作し、色を選択する視覚的な方法を提供します。
HEX値を直接入力するか（例：#3B82F6）、正確なコントロールのためにRGBとHSLスライダーを調整してください。入力するとすべてのフォーマットが自動的に更新されます。
任意のフォーマットの隣にあるコピーボタンをクリックしてクリップボードにコピーしてください。カラー履歴を使用して以前に選択した色に素早くアクセスしてください。
カラーピッカーは複数の入力方法をサポートしています：視覚的な選択のためのネイティブHTML5カラー入力、画面の任意の場所から色をサンプリングするためのEyeDropper API、そしてHEX、RGB、HSL値の直接入力です。
「画面から取得」をクリックすると、ブラウザがネイティブのEyeDropperインターフェースを起動します。カーソル下のピクセルの拡大表示が表示され、他のアプリケーションからでも、ディスプレイに表示されている任意の色をクリックしてサンプリングできます。
色変換は標準的な数学公式に従います。RGBからHEXは10進数値を16進数に変換します。RGBからHSLは、カラーホイール上の位置から色相を、色の強度から彩度を、RGB最小/最大値の平均から明度を計算します。
EyeDropper APIにはChrome 95+、Edge 95+、またはOpera 81+が必要です。ブラウザのサポート状況を検出し、適切なUIを表示します。ネイティブカラー入力と手動入力は、すべての最新ブラウザでフォールバックとして機能します。
すべての処理はJavaScriptを使用してブラウザ内でローカルに行われます。色データ、画面キャプチャ、その他の情報が外部サーバーに送信されることはありません。カラー履歴はブラウザのlocalStorageにのみ保存されます。
「画面から選択」ボタンをクリックして EyeDropper ツールを起動してください。カーソルが虫眼鏡に変わります。画面上の任意の場所をクリックしてその色を取得してください。この機能は EyeDropper API をサポートする最新ブラウザ（Chrome 95+、Edge 95+）が必要です。
このブラウザでは画面の色選択はサポートされていません。カラー入力を使用するか、値を手動で入力してください。
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsb(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)Tool History is a Supporter feature.
Tool Notes is a Supporter feature.