2026 BREAKOUT キーワード
カラー理論 AI 実戦補色/三角/類似/分離補色/四分 — 1 クリックで可視化
カラー理論はデザイナー永遠のテーマだが PDF では 3 日で忘却。Color Theory AI が各ルールをインタラクティブ事例化: 「補色」選択 → AI が実例 6(ポスター/Web/内装/ファッション)+デザイナー注釈+アンチパターンを生成。
パーソナルカラー プレイグラウンド
推奨: nano-banana-pro / gpt-image-2 モデル
テンプレート
カードをタップするとプロンプトが入力されます（まだ生成はされません）
自撮りまたは一行プロンプトでシーズン判定 → カード出力。
作例
下の画像はすべて GPT Image 2.5 で生成しました。「この作例で作る」でプロンプトが上の作業エリアに入ります。
なぜこのツール
補色
180° 反対: 赤↔緑/青↔橙/黄↔紫、最大の劇性・最難度。
三角
120° 三角: 赤/黄/青 — クラシックバランス、キッズ/フェスに最適。
類似
30° 隣接トリオ: 橙黄緑/青紫桃 — 最も調和、失敗しにくい。
分離補色
メイン+補色の両側 30°: ドラマを柔らかく。例: 青+黄橙+赤橙。
四分
長方形 4 色: 豊富だがバランス難、1 主 3 副の階層必要。
60-30-10 黄金比
メイン 60%/サブ 30%/アクセント 10% — 内装/UI 共通ルール、AI がデフォルト適用。
よくある質問
カラー理論/パーソナル/パレット — 同じ?
異なります。理論=客観法則(補色等)。パーソナル=肌に合うか。パレット生成=応用出力。3 ツールを別々に提供。
エンジニア/PM が学習用に?
可能。各理論に 6 事例+アンチパターン+デザイナー注釈、PDF 教材より 5 倍速い。学習順: 補色→類似→三角→分離補色→四分→60-30-10。
コード/Web デザインに適用?
可能。各事例 Tailwind/CSS 変数/Figma スタイルの 3 形式出力、パレット生成器で 8 色フルブランドへ拡張可能。