イラストの配色を5層で診断する無料ツール「パレット診断」を作りました
完成したイラストを眺めて、 「なんかしっくり来ない…でも、 何が悪いか分からない」 ─ そんな経験はありませんか? パレット診断 は、 イラストの配色を 5層で診断して、 印象を客観的な言葉で見せてくれる無料Webツールです。 261パターンから最適な評価を即座に拾い上げ、 改善提案までワンクリックで試せます。 完全ローカル処理、 画像はサーバーに送信されません。
なぜ作ったか:「印象」 を言語化したかったから
イラストの配色について、 こんな悩みありませんか:
- 完成したイラストが なんとなくしっくり来ない けど、 どこが悪いか分からない
- クライアントから「もう少し落ち着いた感じに」 と言われても、 具体的にどう変えればいいか分からない
- お気に入りの作家さんの配色を分析したいけど、 主要色を見るだけでは足りない
- 配色理論を勉強したいけど、 実際の作品でどう活かされているかつかめない
- 自分の作風を 客観的な言葉で説明できるようになりたい
これらを解決するため、 PCCS理論をベースに 261パターンのデータを組み込んだのが「パレット診断」 です。
※ 別窓で開きます。 登録不要・完全無料
5層診断 ─ 印象を多角的に分解する
このツールの一番の特徴が 5層構造での診断です。 1枚のイラストを 5つの視点から評価することで、 「印象」 を立体的に捉えられます。
第1層 ─ メイン診断 (168パターン)
PCCSトーン12種 × 細分化色相14色の組み合わせから、 イラスト全体の印象を1つの言葉で表現。 例: 「夕焼け色が躍動する、 力強く生命感あふれるイラスト」 「春の桜のような、 ふんわりと愛らしいイラスト」
第2層 ─ 配色技法 (7種)
モノクロマティック / アナロガス / コンプリメンタリー / スプリットコンプリメンタリー / トライアド / テトラード / カトラード の7種を厳密に判定。 「なんとなく」 ではなく 距離計算ベースで分類します。
第3層 ─ サブ評価 (41ルール)
彩度バランス / コントラスト / 色温度 / 特徴 など、 該当する評価を複数表示。 例: 「暖色寄り (67%) で温かみのある配色」 「赤の存在感が強く情熱的」
第4層 ─ シーン連想 (30ルール)
配色から連想されるシーンや雰囲気を言語化。 例: 「夏祭りの提灯のような、 賑やかで懐かしい雰囲気」 「北欧ミニマリズムのような、 静謐で上品な美」
改善提案 (15ルール、 優先度別)
彩度の散らばり ・ 暗部過多 ・ 単調 ・ 攻撃的 など 15種の懸念を検出し、 優先度 (高/中/低) 別に最大3件を提示。 さらに ワンクリック適用でその場で試せます。
主要6色の抽出 ─ k-means クラスタリング
イラストから 支配的な6色を抽出します。 単純な減色ではなく k-meansクラスタリングで「ピクセルが密集している色」 を見つけるので、 アンチエイリアスのノイズに引っ張られず、 本当の主役色が出てきます。
各色の HEXコードと 占有率が表示され、 そのままクリックでコピー。 別のお絵描きツールに持ち込めば配色の参考になります。
ワンクリック適用 ─ 改善提案をその場で試せる
改善提案には 具体的な数値とパラメータが付いています。 例: 「全体の彩度 +15」 「明るさ -8」 「色相 +30°」。 提案カードの 「→ ワンクリック適用」ボタンを押すと、 該当するスライダーが自動でその数値に動き、 プレビューが即座に変化します。
効果が確認できなければ Ctrl+Z (Undo) でワンタッチで戻せます。 「試すコストがゼロ」 なので、 気軽にいろんなパターンを試行錯誤できます。
編集機能 4種類 ─ レベル / 彩度 / 明度 / 色相
ワンクリック適用だけでなく、 手動でも細かい調整が可能です。 編集機能は レベル補正 / 彩度 / 明度 / 色相の4種類。 全てリアルタイムでプレビューと診断結果に反映されます。
特に 色相セクション が独自で、 12色相 + 黒 / 白 / 灰 + カスタムの15個のアンカーから選んで、 統一感を演出できます。 「全体回転」 で全色相を一括シフトも可能。
Undo / Redo + 50ステップ履歴
編集に迷ったら、 安心して戻れる設計です。
- ツールバーの ↶ Undo / ↷ Redo ボタン
- Ctrl+Z / Ctrl+Y のキーボードショートカット
- 「編集をリセット」 で一発初期化
- 履歴は 最大50ステップ
全スライダー操作・ワンクリック適用・プリセット選択がすべて履歴に積まれるので、 「あの状態に戻したい」 がいつでも可能です。
プライバシーについて ─ 完全ローカル処理
イラストの読み込み・解析・編集・出力は、 すべてブラウザ内で完結します。 サーバーへの送信は一切ありません。
- ✅ 未公開作品 ・ クライアントワーク にも安心
- ✅ トラッキング ・ Cookie ・ 広告タグ なし
- ✅ アカウント登録不要 ・ ログイン不要
- ✅ 完全無料 ・ 商用利用OK
機密性の高いイラストの分析にも、 安心してお使いください。
こんな方におすすめ
- 完成したイラストの「印象」 を客観的な言葉で知りたい方
- 配色がしっくり来ない時、 具体的な改善提案がほしい方
- クライアントワークで 配色の意図を言語化したい方
- 参考作品の配色を 分析して自分の作品に取り入れたい方
起動はこちらから
※ 別窓で開きます。 登録不要・完全無料
使い方の詳しい説明は パレット診断の使い方ガイドもあわせてご覧ください。 ご質問・ご要望は お問い合わせフォームまで。