カラーパレット抽出

ツール概要

画像から主要色を抽出してCSS変数やJSONとして出力できます。配色設計やテーマ生成に便利です。

使い方

1. 画像を読み込み。
2. 抽出数やアルゴリズムを選択。
3. CSS/JSONをコピー。

活用例

• ブランドガイドの初期パレット作成。
• アイキャッチとサイトの配色合わせ。
• ダーク/ライトテーマの基調色提案。

ポイント・知識

• アクセシビリティ基準に沿ってコントラスト比を確認。
• 背景色に応じて彩度/明度を微調整。
• 近似色は統合しすぎないよう注意。