メインカラー設定
HEX を決めるだけで、ブランド向け配色とコードスニペットを自動生成。
#4F46E5
HSL(244, 76%, 59%)
メインカラーを変更すると、ここにブランドトーンや UI での使い分けのヒントが表示されます。
配色パレット & コード出力
同系色 / 補色 / トライアド / モノクローム / グラデーション + 各種フレームワーク用コード。
同系色（Analogous）
近い色相で世界観を揃えたいときに。
補色（Complementary）
CTA ボタンやアクセントに。
トライアド / テトラード
3〜4色で構成するロゴや UI に。
モノクローム & グラデーション
上品なトーン設計と背景用グラデーション。
// ここに選択中のプリセットが表示されます