カラー抽出ツール
画像の任意のピクセルの色を HEX・RGB・HSL で取得し、主要なカラーパレットを抽出します。すべてブラウザー内で行われます。
画像をドラッグするかクリックして選択
PNG, JPEG, WebP, GIF, BMP, AVIF
仕組み
画像内の任意のピクセルの色を取得し、HEX、RGB、HSL で表示するので、コピーしてデザインやコードに使えます。読み込んだ写真や図の上でスポイトのように機能します。
点の色に加えて、画像の主要な配色パレットを抽出します。写真から着想を得たり、ブランドのアイデンティティを再現したり、まとまりのある配色を組み立てたりするのに役立ちます。
分析はブラウザー内で行われ、画像はどのサーバーにもアップロードされません。拡大して、ある点の色を正確に取得できます。
ユースケース
- 画像内のある色の正確な HEX コードを取得する。
- デザインの着想を得るために、写真の主要な配色パレットを抽出する。
- ロゴやスクリーンショットからブランドカラーを特定する。
- CSS や別のツールに貼り付けるために、RGB や HSL の色を取得する。
よくある質問
色はどの形式で得られますか？
取得した各色は HEX（例: #3366ff）、RGB、HSL で表示され、CSS、デザインエディター、その他のツールにコピー＆ペーストできます。
主要な配色パレットはどのように算出されますか？
ツールは画像のピクセルを分析し、最も代表的な色をまとめて、出現頻度の高い色調のパレットを提案します。これは着想のための近似であり、正確な測定ではありません。
とても小さな点の色を取得できますか？
はい。画像を拡大して近づき、色を取得したい正確なピクセルを選べます。
私の画像はサーバーにアップロードされますか？
いいえ。色のサンプリングとパレットの抽出はすべてブラウザー内で行われ、画像が端末から外に出ることはありません。