パレット診断

イラストの配色を5層で診断する無料ツール「パレット診断」を作りました

完成したイラストを眺めて、 「なんかしっくり来ない…でも、 何が悪いか分からない」 ─ そんな経験はありませんか? パレット診断 は、 イラストの配色を 5層で診断して、 印象を客観的な言葉で見せてくれる無料Webツールです。 261パターンから最適な評価を即座に拾い上げ、 改善提案までワンクリックで試せます。 完全ローカル処理、 画像はサーバーに送信されません。

なぜ作ったか:「印象」 を言語化したかったから

イラストの配色について、 こんな悩みありませんか:

  • 完成したイラストが なんとなくしっくり来ない けど、 どこが悪いか分からない
  • クライアントから「もう少し落ち着いた感じに」 と言われても、 具体的にどう変えればいいか分からない
  • お気に入りの作家さんの配色を分析したいけど、 主要色を見るだけでは足りない
  • 配色理論を勉強したいけど、 実際の作品でどう活かされているかつかめない
  • 自分の作風を 客観的な言葉で説明できるようになりたい

これらを解決するため、 PCCS理論をベースに 261パターンのデータを組み込んだのが「パレット診断」 です。

パレット診断の全画面 (3カラムレイアウト)
全画面はこんな感じ。 左で編集、 中央でプレビュー、 右に5層診断
パレット診断 を起動する

※ 別窓で開きます。 登録不要・完全無料

5層診断 ─ 印象を多角的に分解する

このツールの一番の特徴が 5層構造での診断です。 1枚のイラストを 5つの視点から評価することで、 「印象」 を立体的に捉えられます。

右カラムに表示される5層診断の全景

第1層 ─ メイン診断 (168パターン)

PCCSトーン12種 × 細分化色相14色の組み合わせから、 イラスト全体の印象を1つの言葉で表現。 例: 「夕焼け色が躍動する、 力強く生命感あふれるイラスト」 「春の桜のような、 ふんわりと愛らしいイラスト

第2層 ─ 配色技法 (7種)

モノクロマティック / アナロガス / コンプリメンタリー / スプリットコンプリメンタリー / トライアド / テトラード / カトラード の7種を厳密に判定。 「なんとなく」 ではなく 距離計算ベースで分類します。

第3層 ─ サブ評価 (41ルール)

彩度バランス / コントラスト / 色温度 / 特徴 など、 該当する評価を複数表示。 例: 「暖色寄り (67%) で温かみのある配色」 「赤の存在感が強く情熱的

第4層 ─ シーン連想 (30ルール)

配色から連想されるシーンや雰囲気を言語化。 例: 「夏祭りの提灯のような、 賑やかで懐かしい雰囲気」 「北欧ミニマリズムのような、 静謐で上品な美

改善提案 (15ルール、 優先度別)

彩度の散らばり ・ 暗部過多 ・ 単調 ・ 攻撃的 など 15種の懸念を検出し、 優先度 (高/中/低) 別に最大3件を提示。 さらに ワンクリック適用でその場で試せます。

主要6色の抽出 ─ k-means クラスタリング

イラストから 支配的な6色を抽出します。 単純な減色ではなく k-meansクラスタリングで「ピクセルが密集している色」 を見つけるので、 アンチエイリアスのノイズに引っ張られず、 本当の主役色が出てきます。

プレビュー下に表示される主要6色のパレット
主要6色と占有率が表示される。 各色クリックで HEX をクリップボードへ

各色の HEXコード占有率が表示され、 そのままクリックでコピー。 別のお絵描きツールに持ち込めば配色の参考になります。

ワンクリック適用 ─ 改善提案をその場で試せる

改善提案には 具体的な数値とパラメータが付いています。 例: 「全体の彩度 +15」 「明るさ -8」 「色相 +30°」。 提案カードの 「→ ワンクリック適用」ボタンを押すと、 該当するスライダーが自動でその数値に動き、 プレビューが即座に変化します。

改善提案カードの中身 (優先度バッジ + ワンクリック適用ボタン)
優先度バッジ (高/中/低) 付きで提案が並ぶ

効果が確認できなければ Ctrl+Z (Undo) でワンタッチで戻せます。 「試すコストがゼロ」 なので、 気軽にいろんなパターンを試行錯誤できます。

編集機能 4種類 ─ レベル / 彩度 / 明度 / 色相

ワンクリック適用だけでなく、 手動でも細かい調整が可能です。 編集機能は レベル補正 / 彩度 / 明度 / 色相の4種類。 全てリアルタイムでプレビューと診断結果に反映されます。

編集パネル全体 (アコーディオン式に4セクションが並ぶ)

特に 色相セクション が独自で、 12色相 + 黒 / 白 / 灰 + カスタムの15個のアンカーから選んで、 統一感を演出できます。 「全体回転」 で全色相を一括シフトも可能。

色相セクション (15色プリセット + 統一強度 + 全体回転)
15色プリセットから「目標の色」 を選んで統一感を演出

Undo / Redo + 50ステップ履歴

編集に迷ったら、 安心して戻れる設計です。

  • ツールバーの ↶ Undo / ↷ Redo ボタン
  • Ctrl+Z / Ctrl+Y のキーボードショートカット
  • 「編集をリセット」 で一発初期化
  • 履歴は 最大50ステップ

全スライダー操作・ワンクリック適用・プリセット選択がすべて履歴に積まれるので、 「あの状態に戻したい」 がいつでも可能です。

プライバシーについて ─ 完全ローカル処理

イラストの読み込み・解析・編集・出力は、 すべてブラウザ内で完結します。 サーバーへの送信は一切ありません。

  • ✅ 未公開作品 ・ クライアントワーク にも安心
  • ✅ トラッキング ・ Cookie ・ 広告タグ なし
  • ✅ アカウント登録不要 ・ ログイン不要
  • ✅ 完全無料 ・ 商用利用OK

機密性の高いイラストの分析にも、 安心してお使いください。

こんな方におすすめ

  • 完成したイラストの「印象」 を客観的な言葉で知りたい
  • 配色がしっくり来ない時、 具体的な改善提案がほしい
  • クライアントワークで 配色の意図を言語化したい方
  • 参考作品の配色を 分析して自分の作品に取り入れたい

起動はこちらから

パレット診断 を起動する

※ 別窓で開きます。 登録不要・完全無料

使い方の詳しい説明は パレット診断の使い方ガイドもあわせてご覧ください。 ご質問・ご要望は お問い合わせフォームまで。

記事内で紹介したツールはこちら

パレット診断 を起動

※ 別窓で開きます ・ 登録不要 ・ 完全無料