画像カラーピッカー

画像をアップロードし、任意のピクセル色をクリックでサンプリングし、主要色パレットを抽出して、HEX、RGB、HSL、CSS変数、JSONをコピーできます。

画像から色を選び、パレットを抽出

スクリーンショット、商品写真、ムードボード、イラスト、ロゴ、UIモックアップから正確な色が必要なときに、画像カラーピッカーを使えます。画像をアップロードし、プレビューをクリックまたはタップしてピクセルをサンプリングし、選択したHEX、RGB、HSL値をコピーできます。

パレット抽出では、サンプリングしたピクセルを主要色にグループ化し、近い重複色を除外して、すぐ再利用できるCSS変数とJSONを提供します。

一般的なワークフロー

  • スクリーンショット、UIモックアップ、ロゴ、商品写真から色をサンプリングする。
  • ブランド画像やデザイン参考資料からすばやくパレットを抽出する。
  • CSS、デザインツール、ドキュメント向けにHEX、RGB、HSL値をコピーする。
  • 画像由来の色からCSS変数やJSONトークンを作成する。

ツールを読み込み中...

画像カラーピッカーFAQ

画像はサーバーにアップロードされますか?

いいえ。画像はサンプリングとパレット抽出のために、ブラウザのキャンバスへローカルに読み込まれます。

画像をアップロードせずに使えますか?

はい。生成されたサンプル画像で開始するため、色選択とパレットエクスポートをすぐ試せます。

抽出されたパレットが他のアプリと違うのはなぜですか?

パレットツールは、サンプリング、量子化、重複フィルターのルールが異なります。このツールは、実用的で見た目に区別しやすい色を優先します。

関連ツール