FastImageToolsFastImageTools

画像からカラーパレットを作成

あらゆる画像からバランスのよい編集可能なカラーパレットを抽出し、コピー、比較、共有、書き出しができます。

画像と色はブラウザ内に保持され、アップロードされません。

無料登録不要ローカル処理プライベートデザイン向け書き出し

画像をドラッグ＆ドロップ

または下をクリックしてファイルを選択

JPGPNGWebPAVIFHEICGIFTIFFBMPSVG
⌘Vクリップボードから貼り付け
•Finderや写真からドラッグ

最大10枚 · ローカル処理 · アップロードなし

パレット抽出は端末上でローカルに実行されます。 画像と色はブラウザ内に保持され、アップロードされません。

画像パレットの完全なワークフロー

目的に合わせた抽出スタイル

バランスの取れた、鮮やかな、落ち着いた、明るい、暗い、または支配的な結果を選択し、再生成中に重要な色をロックできます。

本格的なパレットエディター

スウォッチの追加、削除、並べ替え、名前変更、ロック、および意味的な役割の割り当てが可能です。

内蔵コントラストガイダンス

テキストや背景に色を適用する前に、WCAG 2.x のコントラスト閾値に対してパレットのペアを比較します。

ローカルかつプライベート

デコーディング、パレット分析、編集、エクスポートはすべてブラウザ内で実行されます。

画像からカラーパレットを作成する方法

  1. 1

    1枚以上の画像を追加

    ファイルを選択、ドラッグ＆ドロップ、貼り付け、HTTPS 画像 URL の読み込み、または同梱のサンプルを試してください。

  2. 2

    抽出された色を調整

    パレットのスタイルと数を変更し、領域に焦点を合わせ、正確な点を指定し、スウォッチを編集し、保持したい色をロックします。

  3. 3

    コピーまたはエクスポート

    個々の値をコピーするか、開発者向け、デザイン用、画像用、PDF、またはバッチ対応のパレットフォーマットでダウンロードします。

なぜ写真から色を抽出するのか？

写真、ロゴ、スクリーンショット、アートワーク、製品画像、またはムードボードは、ウェブサイト、ブランド、プレゼンテーション、部屋、イベント、またはイラストのための再利用可能なカラーシステムに変換できます。自動抽出された色は知覚的なソースクラスタから派生し、手動で選択・入力された色は明確にラベル付けされます。

適切なパレットのサイズとスタイルを選択

8色から始め、自動抽出には2〜24色を使用します。バランスの取れたミックスは支配的な色とアクセント色の両方を含みます。鮮やか、落ち着いた、明るい、暗い、支配的は、実際のソースクラスタのスコアリング方法を変更します。小さなアクセントは省略される可能性があるため、より小さな領域を分析するか、色を選択してロックしてから再生成してください。

支配的な色、アクセント色、およびパーセンテージ

パーセンテージは、現在の領域と透明度ポリシーの下に含まれるピクセルを記述し、合計が100%になるように丸められます。手動で入力された値は、ソースクラスタに接続されていない限り、顕著さの主張はありません。有用な色をロックして保持し、他の色を置き換えます。

カラーフォーマットとパレットのエクスポート

HEX、RGB、HSL、または OKLCH をコピーし、CSS、SCSS、Tailwind、DTCG トークン、JSON、CSV、TXT、GPL、ASE、SVG、PNG、コラージュ、PDF、またはバッチ ZIP ファイルとしてエクスポートします。公開されたカラー値は sRGB を使用します。一般的な CMYK 値は近似値であり、正確な印刷や Pantone マッチではありません。

プライベート、ローカルの画像処理

ファイルのデコーディング、抽出、編集、共有、エクスポートは、ソースを FastImageTools にアップロードすることなくブラウザ内で実行されます。直接 URL モードでは、ブラウザから入力したアドレスにアクセスするため、そのオリジンが CORS アクセスを許可していることに依存します。

写真、ロゴ、スクリーンショット、またはアートワークからのカラーパレット

ロゴや安全な SVG ファイルには透明度コントロールを使用するか、背景が支配的な場合は分析領域を描画します。アニメーション GIF ファイルは最初のフレームを、マルチページ TIFF ファイルは最初のページを使用します。埋め込まれたプロファイルはサポートされている場合に変換されます。そうでない場合、ツールは sRGB の仮定を報告します。

対応画像フォーマット

JPG

写真およびカメラ画像

PNG

透明度付きのロスレス画像

WebP

最新のウェブ画像

AVIF

高効率のウェブ画像

HEIC / HEIF

モバイルおよびカメラ写真

GIF

最初のフレームが分析されます

TIFF

最初のページが分析されます

SVG

安全で自己完結型のベクター画像

画像からのカラーパレット FAQ

画像からカラーパレットを作成するにはどうすればよいですか？+
ファイル、ドラッグ＆ドロップ、貼り付け、直接 HTTPS URL、カメラ、または同梱のサンプルから画像を追加します。最初のパレットは自動的に表示され、その後調整できます。
HEX、RGB、HSL および OKLCH の値をコピーできますか？+
はい。各スウォッチには HEX または HEXA、RGB、HSL、および OKLCH の個別のアクションがあり、完全なパレットは複数のコード対応フォーマットでコピーできます。
支配的な色のパーセンテージが含まれていますか？+
はい。自動ソースリンク付きの色は、表示されるパレットの合計が100%になるように丸められた、含まれるピクセルの割合を示します。純粋に手動で作成された色はピクセルの割合を主張しません。
私の画像はアップロードされますか？+
いいえ。画像のデコーディング、色の分析、編集、エクスポートはブラウザ内でローカルに実行されます。
抽出ツールは色をどのように選択しますか？+
ソースピクセルを分析し、知覚的に類似した色をグループ化し、選択されたスタイル、領域、透明度ポリシー、およびマージ閾値に従って代表色を選択します。
どのくらいの数の色を抽出できますか？+
2〜24色のパレットを生成および編集できます。
どの画像フォーマットがサポートされていますか？+
ブラウザまたはローカルのフォールバックデコーダーでデコードできる場合、JPG、PNG、WebP、AVIF、HEIC/HEIF、GIF、TIFF、BMP、および安全な SVG ファイルがサポートされています。
透明ピクセルはどのように処理されますか？+
完全に透明なピクセルを無視するか、アルファ閾値以下のピクセルを無視するか、背景に透明度を合成することができます。
一部の色を保持して他を再生成できますか？+
はい。保持したい色をロックし、再生成すると、ロックされていない色のみが補完的なソースクラスタに置き換えられます。
複数の画像から1つのパレットを作成できますか？+
はい。最大10枚の画像を追加し、各画像のパレットを保持し、オプションで画像ごとに均等または含まれるピクセルに基づいて加重された結合パレットを構築できます。
CSS、Tailwind、ASE、PNG、PDF にエクスポートできますか？+
はい。ツールはデフォルトでソース画像を含めずに、開発者向け、デザイントークン、インターチェンジ、画像、PDF、およびバッチのエクスポートフォーマットをサポートしています。
CMYK または Pantone の値は正確ですか？+
いいえ。CMYK は印刷結果が ICC プロファイル、インク、紙、プリンターに依存する一般的な近似値です。ツールは Pantone マッチを主張しません。
モバイルで動作しますか？+
はい。モバイルレイアウトでは画像が先頭に表示され、コンパクトなパレットアクションが利用可能になり、ブラウザが許可する場合、ファイル、フォトライブラリ、および権限対応のカメラ入力をサポートします。

画像と色で続ける

正確なピクセルを選択し、ソースファイルを調べ、画像を編集するか、ローカルワークフローを保持しながら変換してください。

画像カラーピッカー

正確なソースピクセルの色を選択して調べます。

画像フォーマットインスペクター

カラープロファイル、ビット深度、メタデータ、および互換性を調べます。

フォトエディター

ソース画像を編集し、ビジュアルワークフローを続行します。

PNG に変換

広く互換性のあるフォーマットで透明度を保持します。

お客様のプライバシーを尊重します

FastImageTools は、基本機能のために必須 Cookie を使用します。

お客様の同意により、分析 Cookie（Google Analytics）と広告 Cookie（Google AdSense）も使用します。すべての Cookie を許可するか、非必須 Cookie を拒否するか、設定をいつでも管理できます。

プライバシーポリシー | Cookieポリシー