mcpField
C
color-palette-extractor

color-palette-extractor

github.com/dkyazzentwatwaデザイン・UI12557 回インストール29 週間前に更新
リポジトリ

color-palette-extractor について

color-palette-extractor は、画像から主要な色を抽出し、デザイン向けのカラーパレットを生成します。バッチ処理に対応し、複数の形式で色データを出力できます。

主な機能

  1. 01K-means で主要色を抽出
  2. 02補色、類似色、トライアドを生成
  3. 03CSS、JSON、ASE、ACO で出力
  4. 04RGB、HEX、HSL、HSV 値を確認
  5. 05スウォッチと色分布を可視化
  6. 06一括抽出と類似色の検索

活用シーン

  1. 01参考画像から配色を作成
  2. 02複数画像の主要色をまとめて収集
  3. 03パレットを CSS やスウォッチ形式で出力

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/dkyazzentwatwa/chatgpt-skills --skill color-palette-extractor

インストール後、Claude Code で/color-palette-extractorを入力して読み込まれたか確認します。

同梱ファイルscripts/color_palette_extractor.pyscripts/requirements.txt

詳細

カラーパレット抽出ツール

画像から主要な色を抽出し、複数のエクスポート形式でカラーパレットを生成します。

機能

  • 主要な色: K-means を使用して、最も主要な色を N 色抽出します
  • 配色: 補色、類似色、三色配色を生成します
  • 複数の形式: CSS、JSON、ASE(Adobe Swatch)、ACO(Photoshop)形式でエクスポートします
  • 色の分析: RGB、HEX、HSL、HSV の値を表示します
  • 可視化: パレットのスウォッチ、色分布グラフを表示します
  • 一括処理: 複数の画像からパレットを抽出します
  • 類似度マッチング: パレット間で類似色を検索します

クイックスタート

from color_palette_extractor import ColorPaletteExtractor

extractor = ColorPaletteExtractor()

# Extract colors
extractor.load('image.jpg')
palette = extractor.extract_colors(n_colors=5)

# Export
extractor.export_css('palette.css')
extractor.export_json('palette.json')
extractor.save_swatch('swatch.png')

CLI の使用方法

# Extract 5 colors
python color_palette_extractor.py --input image.jpg --colors 5 --output palette.json

# With CSS export
python color_palette_extractor.py --input image.jpg --colors 8 --css palette.css --swatch swatch.png

# Batch mode
python color_palette_extractor.py --batch images/ --colors 5 --output palettes/

依存関係

  • pillow>=10.0.0
  • scikit-learn>=1.3.0
  • numpy>=1.24.0
  • matplotlib>=3.7.0

コメント