キャラ配色アナライザー
キャラクターイラスト等の配色を分析するツール。サーバーにはアップロードせず、すべてローカルで処理します。画像をアップロードすると、作品で使われているカラーバランスを可視化します。ご自身の作品の配色バランスの確認や、参考作品の色彩設計の研究などに最適。
イラストの配色を、見える形に。
画像をアップロード
ここにファイルをドラッグ＆ドロップ、またはクリックして選択
主要色を自動抽出
ベース・メイン・アクセントの役割つきパレットに
カラーホイール
色相と彩度の関係をひと目で確認
トーンマップ
明度×彩度で配色の作風を言語化
配色カード
分析結果をPNGカードとして保存
クリックで除外
背景を除いてキャラだけの配色に
かんたん3ステップで色を分析！
画像をアップロード
ファイルをドラッグ＆ドロップするか、クリックして分析したいイラストを選択します。処理はすべてブラウザ内で完結します。
パレットを絞り込む
背景など不要な部分をクリックして除外し、表示色数（3〜8色）を調整します。すべての分析が即座に更新されます。
分析結果を活用
カラーホイール・色温度・トーンマップ・明度ステップを確認し、カラーバランスを1枚の配色カード（PNG）として保存できます。
このツールの仕組みと特徴
イラストレーターやデザイナーが配色バランスを詳細に確認するためのツールです。画像から主要な色を自動抽出し、彩度を中心からの距離にマッピングしたカラーホイール、明度×彩度で色の性格を可視化するトーンマップ、暗→明に並べた明度ステップ、色温度バランスなどで配色を多角的に言語化します。「理想の配色」を押し付けるのではなく、いまの配色がどんな構造かを客観的に記述することを重視しており、70:25:5比率はあくまで参考値として表示します。色の抽出には固定シードを使用しているため、同じ画像からは常に同じパレットが得られ、リテイク前後の比較にも使えます。なお、本ツールはすべての処理がご利用のブラウザ内で完結するため、アップロードされた画像がサーバーに送信されることは一切ありません。
- インテリジェント・リサイズ: 高速な分析と精度を両立させるため、アップロードされた画像のサイズを最適化しています。小さな画像はそのまま、大きな画像は縦横比を保ったまま最大で約16万ピクセル（400x400px相当）まで縮小し、情報の損失を抑えつつ処理速度を確保します。
- CIELAB色空間: 色の計算には、機械的なRGB値ではなく、人間の色の見え方に近い「CIELAB色空間」を利用しています。これにより、私たちが「似ている」と感じる色同士をより正確にグループ化できます。
- 決定論的k-means++: k-means++法による初期化と固定シードの乱数を組み合わせているため、分析結果が毎回ブレることがありません。同じ画像からは常に同じパレットが抽出され、作品の比較検討に安心して使えます。
キャラ配色ナビゲーター
キャラクターの配色に特化したカラーパレット作成支援ツール。ベースカラーを選ぶだけで、色相環に基づいた7種類の配色パターンを自動提案。クリックでHEXコードをコピーでき、パレット画像の保存も可能。
v3.0.0(2026/07/04)
- 画面デザインを全面リニューアルしました（左にプレビューとパレット、右に分析結果を配置）
- 分析結果を「配色カード」としてPNG保存できるようになりました
- 各色にスポイト（コピー）と除外のボタンを付け、操作を分かりやすくしました
- 明度×彩度で配色の傾向がひと目で分かる「トーンマップ」を追加しました
- 明度分析に「明度ステップ」（暗→明の並び）と明度差の表示を追加しました
- 各分析カードに良好（緑チェック）/提案あり（電球）のマークが付き、提案には具体的な色の例も表示されます
- カラーホイールを改良し、色相だけでなく彩度の分布も分かるようになりました
- 役割バランスの表示を追加しました（70:25:5はあくまで参考値です）
- 表示する色数を3〜8色で調整できるようになりました
- 同じ画像からは毎回同じ分析結果になるようにしました
- プレビューの下に使用色バーを追加しました（クリックでコピー）
- 分析結果の表示に軽いアニメーションを追加しました
- 英語表示に対応しました
- 色温度の判定を改善しました（グレーなどの低彩度色は中性扱い）
- 配色バランスの円グラフと彩度分布は、パレットの割合表示とトーンマップに統合しました
- アップロード画面のデザインを一新し、使い方モーダルを廃止しました
- コピーしたときの通知をトースト表示に変更しました
v2.1.0(2025/10/15)
- UI改善: ツールレイアウトを大幅に更新し、分析進捗表示を最適化しました。
v2.0.0(2025/08/08)
- カラーサークル分析: 色相環上に5色をプロットし、色の関係性を可視化。色彩調和パターン（モノクロマティック、アナロガス、コンプリメンタリー、トライアド等）を判定。
- 色温度バランス分析: 暖色・寒色・中性色の割合を可視化し、配色の温度感を分析。
- 明度・彩度分布: 明るさと鮮やかさの分布を3段階で分析し、配色のバランスを評価。
- 改善アドバイス機能: 分析結果に基づいて配色バランスの改善ヒントを提示。
v1.1.1(2025/06/21)
- UI/UX改善: モバイル操作時にルーペが指で隠れないよう表示位置を調整。
- UI/UX改善: ドラッグ終了時に色を選択できるようにし、タップとドラッグの操作感を統一。
- UI/UX改善: モノクロ表示ボタンをプレビューエリアに移動し、設定項目をスリム化。
v1.1.0(2025/06/21)
- UI/UX改善: プレビュー領域を拡大し、操作性を向上。
- 機能追加: プレビュー画像に拡大鏡（ルーペ）機能を追加し、より正確な色指定が可能に。
- モバイル対応強化: タッチ操作時にルーペが表示されるようになり、ページがスクロールされる問題を修正。
v1.0.0(2025/06/09)
- 初期リリース。画像のアップロード、CIELAB色空間とk-meansクラスタリングによる色分析、インタラクティブな色除外機能、抽出色数の調整、モノクロプレビューなどに対応。