Softonic

画像カラーパレット抽出

ステップ 1 / 3
選択したファイルを復元中...

ブラウザで表示できる画像から、よく使われている色をコンパクトなパレットにまとめます。3～20色を指定し、任意のHEX値をクリックしてコピーできます。画像のデコード、サンプリング、解析はすべてブラウザ内で行われます。

カラーパレットを抽出する手順

  1. 1

    画像を選ぶ

    30 MB以下、24メガピクセル以下の対応画像を選択します。

  2. 2

    色数を設定する

    3～20色の範囲でパレットの色数を選びます。

  3. 3

    推定結果を確認する

    画像をサンプリングし、頻度の高いRGB色グループを順に表示します。

  4. 4

    色をコピーする

    色見本をクリックすると6桁のHEX値をコピーできます。

抽出したパレットが表すもの

このツールは色を手早く把握するためのもので、測色機器ではありません。デコードした画像を最大100 × 100ピクセルのサンプルに縮小し、完全に透明なピクセルを除外します。赤、緑、青の各チャンネルを16刻みでまとめ、出現頻度の高いグループをHEX値として表示します。

色数の目安

色数 向いている用途
3～5 シンプルな雰囲気や小規模なUIパレット
6～10 複数の被写体や素材を含む写真
11～20 近い色合いも含めた幅広い参考パレット

知っておきたい制限

  • 結果は出現頻度に基づくRGB量子化であり、k-means、median cut、知覚的クラスタリングではありません。
  • 面積の大きな背景色は、目立つ小さなアクセント色より上位になることがあります。
  • 縮小処理と16刻みのグループ化を行うため、元画像の正確なピクセル値ではなく近似色です。
  • ブラウザのカラーマネジメント、JPEGノイズ、グラデーションによって順位が変わる場合があります。
  • アニメーション画像では、読み込み時にブラウザがデコードしたフレームが解析対象になります。

特定の位置にある正確な色が必要な場合は、画像用のスポイトツールを使用してください。デザインでは、このパレットを出発点として使い、文字や操作部品に採用する前にコントラストを確認しましょう。

よくある質問

いいえ。ファイルのデコードと解析はブラウザ内で行われます。複数ページの手順では次のページで復元できるよう、ブラウザの保存領域に一時保管されます。この一時データは約30分で期限切れになります。

順位は視覚的な重要度ではなく、サンプル内の面積に基づきます。そのため、大きな壁や空の色が、小さく鮮やかな物体より上位になることがあります。

必ずしも同じではありません。RGBの各チャンネルを16刻みで切り下げるため、色見本はグループの代表値です。正確な1ピクセルが必要ならスポイトを使ってください。

単色または透明部分の多い画像では、透明でない色グループの数が指定したパレット数より少ない場合があります。

関連ツール

QRコード生成ツール

テキストまたはURLから、ブラウザ内でQRコードを作成してPNGとしてダウンロードできます。

写真エディター

切り抜き、回転、明るさ、コントラスト、彩度、フィルター、テキスト追加に対応し、JPG・PNG・WebPへ書き出せるブラウザベースの写真エディター。

ファンタジーマップ作成ツール

再現可能なシード、地形コントロール、視覚スタイルを使って、ブラウザ内で手続き型のファンタジーマップを作成します。実在の地理ではなく、ローカルでSVGまたはPNGの作品をダウンロードできます。

GIFメーカー

連番画像や短い動画をアニメーションGIFに変換します。書き出し前にフレームレート、ループ回数、サイズを調整できます。

PNGからSVGへのベクター変換

PNGのラスター画像をブラウザ内でSVGパスに変換します。ロゴ、アイコン、線画に最適です。しきい値、色数、スムージングを調整できます。

バーコードジェネレーター

Code 128、EAN-13、UPC、ITF-14 など9種類の一次元バーコードを作成します。データはブラウザ内に残り、SVG または PNG をダウンロードできます。