カラーピッカー
スポイトで画面上の任意の色を取得。HEX、RGB、HSLコードを即座にコピー。無料オンラインカラーピッカー。
カラーピッカーはどのように機能しますか?
「色を選択」ボタンをクリックしてブラウザのスポイトを有効にします。カーソルを画面上の任意の場所に移動し、クリックして色をキャプチャします。EyeDropper APIを使用してピクセルデータにアクセスします。
どの色形式がサポートされていますか?
ツールは3つの形式で色を表示します:HEX(#RRGGBB)、RGB(赤・緑・青の値0-255)、HSL(色相0-360°、彩度0-100%、明度0-100%)。任意の形式をクリックしてコピーできます。
他のアプリケーションから色を選択できますか?
はい!スポイトは画面全体で機能し、モニターに表示される任意のアプリケーション、画像、ビデオ、Webサイト、ドキュメントから色を選択できます。
どのブラウザがスポイトをサポートしていますか?
EyeDropper APIはChrome 95+、Edge 95+、Opera 81+でサポートされています。SafariとFirefoxは限定的なサポートです。非対応ブラウザでは手動入力を利用できます。
HEX、RGB、HSLの違いは何ですか?
HEXはWebデザインで使用される16進コード(#RRGGBB)です。RGBは赤・緑・青の光の組み合わせ(各0-255)で色を表します。HSLは色相(0-360°)、彩度(0-100%)、明度(0-100%)で色を表します。
色コードを手動で入力できますか?
はい、入力フィールドにHEX、RGB、HSLのいずれかの値を入力または貼り付けできます。ツールが即座に色を表示し、他のすべての形式に自動変換します。
このカラーピッカーは無料ですか?
はい、制限なく完全に無料です。登録不要、透かしなし、個人・商業プロジェクトともに無制限に使用できます。
モバイルデバイスで動作しますか?
スポイトはデスクトップブラウザで完全に動作します。モバイルでは手動色入力でコードの入力・変換ができますが、スポイトは利用できない場合があります。
色キャプチャの精度はどのくらいですか?
ピクセルレベルで完璧で、画面表示と正確に一致します。精度はモニターの色較正に依存します。
データはプライベートで安全ですか?
はい、すべての操作はブラウザ内でローカルに実行されます。スクリーンデータがサーバーに送信されることはありません。ツールは完全にクライアントサイドで動作します。
カラーピッカーの使い方
スポイトで画面上の任意の色を抽出し、HEX・RGB・HSL として即座にコピーできます。処理はすべてブラウザ内で完結し、ピクセル情報が送信されることはありません。
- スポイトボタンをクリックして、ブラウザ標準の画面カラーサンプラーを起動します。
- 拡大鏡を画面上の任意のピクセル——ウェブページ、画像、他のアプリ——に合わせてクリックすると、その色を取得できます。
- 取得した色はピッカーに読み込まれます。キャンバスや色相スライダーを動かして近い色合いを探しましょう。
- 必要な形式でコピーします: CSS や納品用には HEX、画像編集には RGB、明るさや彩度の調整には HSL。
スポイトボタンを押しても反応しない場合は、そのブラウザが EyeDropper API に非対応です。Chrome や Edge に切り替えれば画面から直接色を取れます。
関連ツール
- カラーコンバーター 無料オンラインカラーコンバーター。HEX、RGB、HSL、HSV形式をビジュアルピッカーで即座に変換。100% プライベート、ブラウザで動作。
- カラーパレットジェネレーター 無料オンラインジェネレーターで、美しく調和のとれたカラーパレットを即座に作成。単色、類似色、補色、三色、スプリット補色、四色モードに対応。HSLスライダーで色を微調整し、お気に入りをロックして、CSS、Tailwind、JSON、SVGとしてエクスポート。100%ブラウザベース、データがデバイスから離れることはありません。
- GIFフレーム分割 GIFアニメーションから個別フレームをPNGまたはスプライトシートとして抽出・ダウンロード。プレビューとZIPエクスポート対応の無料オンラインツール。
- GIF逆再生 GIFアニメーションの再生順序を無料で逆転。アップロード、プレビュー、即座にダウンロード。
- GIFスピード変更 GIFアニメーション速度をオンラインで変更。GIFファイルを即座に加速または減速。
- 動画をGIFに 動画をアニメーションGIFにオンライン変換。品質・フレームレート・解像度をブラウザで直接調整、アップロード不要。
- ミームジェネレーター 無料オンラインのミームジェネレーター。どんな画像にも定番の上下テキストを追加し、自由にドラッグして配置。PNG・JPEGですぐにダウンロードできます。
- 証明写真メーカー 無料オンラインの証明写真メーカー。AIが自動で背景を切り抜き、295×413など標準サイズに配置。白・青・赤の背景を選んでPNGやJPGでダウンロードできます。