color-palette-extractor について
color-palette-extractor は、画像から主要な色を抽出し、デザイン向けのカラーパレットを生成します。バッチ処理に対応し、複数の形式で色データを出力できます。
主な機能
- 01K-means で主要色を抽出
- 02補色、類似色、トライアドを生成
- 03CSS、JSON、ASE、ACO で出力
- 04RGB、HEX、HSL、HSV 値を確認
- 05スウォッチと色分布を可視化
- 06一括抽出と類似色の検索
活用シーン
- 01参考画像から配色を作成
- 02複数画像の主要色をまとめて収集
- 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
コメント
Markdown 対応