メインコンテンツへスキップ
Color Codes

画像からパレット

画像パレット抽出ツール - 写真から色を取得

写真やスクリーンショットをアップロードして、主要な HEX カラーをブラウザ内で抽出。UI デザイン、ブランディング、ムードボード用のパレットをコピーできます。

ブラウザ内でのみ処理されます。

6

サンプルパレット

使い方

商品写真、イラスト、Web サイトのスクリーンショットを読み込むと、端末上で画像をサンプリングし、近いピクセルをまとめて、サーバーにアップロードせずにコピーできるパレットを作成します。

  1. 1 端末から画像を選びます。
  2. 2 抽出する主要色の数を調整します。
  3. 3 1 色またはパレット全体をコピーします。

よくある質問

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

いいえ。画像は端末上のブラウザ Canvas で処理され、サーバーには送信されません。

どんな画像が向いていますか?

スクリーンショット、商品写真、ブランドの参考画像、シンプルなイラストが最適です。ノイズの多い写真はパレットの色数を減らすとよいでしょう。

Web サイトのスクリーンショットから色を抽出できますか?

はい。スクリーンショットを保存してここにアップロードすれば、主要な UI カラーが分かります。

パレットを抽出したあとは?

重要な文字と背景の組み合わせをコントラストチェッカーで確認し、デザイントークンにする場合は UI 状態用の濃淡を生成しましょう。