カラーピッカー・抽出ツール — 無料オンラインツール

当社の無料オンラインカラー抽出ツールなら、写真からワンクリックで好きな色を選べます — ソフトウェアのインストールもアカウント登録も不要です。画像をアップロードし、カーソルを合わせて拡大表示し、任意のピクセルをクリックすると、HEX、RGB、HSL、HSVの値がすぐに表示されます。その後、選んだ色から色パレット全体を生成できます。結果はいつでもダウンロードできます。

写真から色を選ぶ方法

主な機能

• 4種類のカラーフォーマット – 任意の値フィールドをワンクリックするだけで、選択した色をHEX、RGB、HSL、HSVで表示・コピーできます。
• ピクセル単位で正確な拡大鏡 – カーソルに追従する円形の拡大レンズで、狙ったピクセルを正確に選択できます。
• 8種類のパレットタイプ – 類似色、補色、トライアド、テトラード、分裂補色、モノクロマティック、シェード、ティントのパレットを3〜10色のスウォッチで生成します。
• エクスポートオプション – パレットの全HEXコードを一括コピーしたり、PNGスウォッチ画像をダウンロードしたり、パレットをCSSカスタムプロパティ（:root 変数）としてエクスポートしたりできます。
• 保存した色 – 好きな色をブラウザ内の保存パネルにブックマークでき、いつでも削除できます。
• HEIC対応 – iPhoneで撮影したHEIC/HEIF形式の写真は、色を選択する前に自動的に変換されます。
• すべてブラウザ内で完結 ―写真がサーバーにアップロードされることは一切ありません。
• 無料・無制限 ―登録不要、透かしなし、制限もありません。

カラー抽出ツールとは？

カラー抽出ツール（または画像カラーピッカー）は、写真内の任意のピクセルの正確な色を読み取り、デザインや開発で使われる標準的なカラーコードに変換するツールです。色を目分量で判断したり値を手動で入力したりする代わりに、気になる箇所をクリックするだけで、ツールが変換を行ってくれます — 画面に表示される生のRGB値から、グラフィックデザインのワークフローで使われるHSLやHSV表現まで対応します。

カラーパレットジェネレーターはさらに一歩進んでいます：基準となる色を選ぶと、配色理論を適用して調和のとれた配色を作成し、CSSやFigmaなど任意のデザインツールですぐに使用できます。

よくある用途

• ブランドカラーの抽出 – ロゴやブランド写真から正確なHEXコードを取得し、ウェブサイトやデザインシステム全体で一貫して使用できます。
• Web・UIデザイン – 商品画像やヒーロー写真に色を合わせることで、レイアウトに統一感が生まれます。
• パレット生成 – 1つのキーカラーから、プロジェクト用の補色または類似色の配色を作成できます。
• 印刷・イラスト – 参考写真から正確なRGB値を確認し、絵の具を調合したり印刷プロファイルを設定したりする前に役立てられます。
• CSSテーマ設定 – パレットの変数をそのまま :root ブロックに書き出し、スタイルシートにそのまま貼り付けられます。

よくある質問