重要なポイント
- 01任意の画像から任意のピクセルをサンプリングし、1クリックでHEX、RGB、HSLコードを取得します。
- 02最大20倍のズーム拡大ルーペで、ロゴやアイコンから正確なピクセルを取得するのが簡単です。
- 03複数のピックから小さなパレットを構築します—すべてがブラウザーでプライベートに留まります。
- 04無料、サインアップは不要で、JPG、PNG、WebP、AVIF、GIF、BMP、HEICで動作します。
ブラウザーベースのカラーピッカーを使用する理由
デザイナー、開発者、コンテンツクリエイターは、参照画像—ロゴ、ムードボード、クライアント写真、スクリーンショット—から色を一致させる必要があります。ほとんどのオペレーティングシステムには基本的なアイドロッパーツールがありますが、実際のワークフローで色拾いを高速化する拡大、マルチフォーマット出力、パレット構築が不足しています。
Handytoolのカラーピッカーはブラウザーで完全に実行されるため、インストール、アカウント、サーバーに送信される画像はありません。拡大されたアイドロッパー、3つの同時カラーフォーマット（HEX、RGB、HSL）、再利用可能なパレット—すべて無料です。
画像から色を選択する方法
プロセス全体は1分以内です。
- 01
画像をドロップまたは開きます
画像ファイルをページにドラッグするか、クリックして参照します。JPG、PNG、WebP、AVIF、GIF、BMP、HEICはすべてサポートされています—iPhoneからのHEICファイルはWebAssemblyを使用してローカルでデコードされます。
- 02
ルーペをターゲットピクセルの上に配置します
画像の上をカーソルで移動します。ズームされたルーペがカーソルを追跡して、密集した画像や小さな画像でも個々のピクセルを見ることができます。ズームはロゴの詳細とアイコン作業のために20倍までします。
- 03
クリックして色をサンプリングします
目的のピクセルをクリックします。HEX、RGB、HSL値はパネルに即座に表示されます。
- 04
必要なフォーマットをコピーします
いずれかのフォーマットバッジをクリックしてクリップボードにコピーします。HEXはCSS対応、RGBは印刷作業に適しており、HSLは同じ色相の明るい変種または暗い変種を設計する必要がある場合に理想的です。
- 05
複数のピックでパレットを構築します
画像の周りをクリックして、下部のミニパレットにスウォッチを追加し続けます。任意のスウォッチをクリックしてそのHEXをコピーするか、xボタンを使用してそれを削除します。
どのカラーフォーマットを使用するべきですか？
各フォーマットは、わずかに異なる目的に機能します。
- 01HEX（#B7FF3E）—Web CSSとFigmaのようなデザインツールの普遍的な選択。
- 02RGB（183、255、62）—印刷設計、色補正、一部のデザインアプリで推奨。
- 03HSL（83°、100％、62％）—ティント、シェード、またはカラーランプを作成したい場合に最適。
- 043つのフォーマットすべてが同じ色を表現します—ダウンストリームツールが必要な形式をコピーします。
画像はデバイスから出ません
カラーピッカーは完全なクライアント側ツールです。ドロップする画像はブラウザーのCanvas APIでデコードされ、すべての色計算はローカルJavaScriptで行われます。データはサーバーに送信されたり、ログされたり、一時的に保存されたりすることはありません。
これは、機密モックアップ、クライアントアートワーク、または未リリースの製品写真で安全に機能できることを意味します。タブを閉じるとすべてがなくなります。アップロードについて心配する必要はなく、スクロールするプライバシーポリシーはありません。
カラーピッカーのFAQ
画像からオンラインで色を選択するにはどうすればよいですか？
Handytoolカラーピッカーに画像をドロップし、目的のピクセルの上にマウスを置き、クリックします。HEX、RGB、HSL値は即座に表示され、1クリックでコピーできます。
オンラインカラーピッカーはどの画像フォーマットをサポートしていますか？
JPG、PNG、WebP、AVIF、GIF、BMP、HEIC/HEIF。iPhoneからのHEIC写真はWebAssemblyを使用してローカルでデコードされるため、変換は不要です。
HEX、RGB、HSLの違いは何ですか？
HEXは6桁コードでWebで一般的です。RGBは色を3つの数値（赤、緑、青）で0から255として表現します。HSLは色相、彩度、明度を使用します—カラーランプを生成するのに役立ちます。
画像はサーバーにアップロードされますか？
いいえ。ツール全体はブラウザーで実行されます。画像は最初から最後までデバイスに留まります—サーバーに送信されません。
1つの画像から色のパレットを保存できますか？
はい。各クリックはページ下部のパレットにスウォッチを追加します。スウォッチをクリックしてそのHEXをコピーするか、xを使用して削除します。タブを閉じるとパレットが失われます—離れる前にコードをコピーします。
カラーピッカーは無料ですか？
はい。Handytoolは全くの無料でサインアップなし、使用制限なし、透かしなしです。