【概要】 HTMLファイルをダブルクリックするだけで動く、推しカラー・配色パレット作成ツールです。 推し色を1色選ぶだけで、補色・類似色・トライアドなどの配色が自動で並びます。イラストや写真をドロップすれば、主要な色を自動で取り出せます。 文字の読みやすさ（コントラスト比）チェック、パレット画像（PNG）やテキストの書き出しまで、これ1つで完結。 イラスト・同人誌の表紙・グッズ・配信画面・お品書きの配色決めにどうぞ。 インストール・ネット接続・アカウント登録は不要。画像や色のデータは外部に送信しません。 【できること】 ・1色から配色を自動作成：補色／類似色／分裂補色／トライアド／テトラード ・明暗バリエーション（9段階）、トーン違い（ビビッド・パステル・くすみ など） ・2色をつなぐグラデーション（3〜12段階・3つの計算方法・CSSコピー） ・画像から主要色を自動抽出（3〜10色・使用割合つき・ほぼ白／黒を除くオプション） ・画像をクリックして色を拾うスポイト、ドラッグ＆ドロップ／Ctrl+V貼り付け対応 ・コントラスト比チェック（通常の文字・大きな文字の合否）と、読みやすい近い色の提案 ・パレット内の色どうしの読みやすさ一覧（◎○△×） ・パレットに名前を付けて保存（色名つき・何個でも）・並べ替え（明るい順／色相順） ・色をクリックするだけでコピー（HEX／RGB／HSL を切り替え） ・PNG画像で書き出し（縦じま／タイル／リスト・5サイズ・白／ダーク／透明背景） ・テキスト（一覧／HEXのみ／CSS変数）・CSV（Excel対応）・JSONで書き出し ・色コードのまとめて入力、JSONバックアップ・読み込み ・自動保存（閉じても続きから）、スマホ表示対応 【収録内容】 ・01_推し色パレットメーカー.html（ツール本体・単一ファイル） ・00_はじめにお読みください.txt（使い方・よくある質問・利用規約） ・03_使い方ガイド.pdf（画面写真つき・8ページ） 【動作環境】 ・Windows / Mac の Google Chrome・Microsoft Edge（最新版） ・スマホ（iPhone Safari／Android Chrome）でも表示・操作可（ファイルの保存はPC推奨） ・インストール・ネット接続は不要（オフラインで動作） 【使い方】 1. ZIPを展開して「01_推し色パレットメーカー.html」をダブルクリック 2. 最初はサンプルのパレットと画像が入っているので、触って確認 3. 「① 配色を作る」で推し色を選び、気に入った色の「＋」でパレットに追加 4. 「② 画像から抽出」にイラストや写真をドロップすると主要色を自動抽出 5. 「③ コントラスト」で文字の読みやすさをチェック 6. 「保存」で名前を付けて保存し、「④ 保存・書き出し」でPNG・テキスト・JSONに書き出し 【利用規約】 ・購入者ご本人は個人・商用利用OK（配信・同人活動・サークル運営・依頼制作で使用可） ・ツールで作った成果物（パレット画像・色データ）は自由に使用可。クレジット表記も不要 ・HTMLの改変は自分用ならOK ・ツール本体（改変版を含む）の再配布・販売・共有は禁止 ・無保証（不具合で生じた損害は責任を負いません） ・AI学習用データとしての利用は禁止 ・規約は予告なく変更する場合があります 【注意事項】 ・個人制作の非公式ツールです。特定のペイントソフト・配信ソフト・サービスとは関係ありません ・ブラウザの仕様変更で、一部機能が使えなくなる可能性があります ・データはブラウザ内に保存されます。ブラウザのデータ削除で消えるため、JSONでのバックアップを推奨します ・Chrome と Edge、ファイルの置き場所が違う場合は保存データが別々になります（JSONで移せます） ・画面の色と印刷の色は見え方が異なります。入稿前に印刷所の案内等でご確認ください ・デジタル商品のため、購入後の返品・返金はお受けできません