【ブラウザで完結】テクスチャ色変えツール｜服の色だけ変える・肌と白は残す・色違いを一括書き出し【商用可】 服の色だけを変えて、肌・目・白はそのまま残します。 色違いを何色でも、一度にまとめて書き出せます。 インストールは要りません。colorvar.html をダブルクリックで開くだけです。 Unity も、アカウントも、インターネットも要りません。 ──────────────────────── ■ ここが他と違います：塗りつぶしません ──────────────────────── 色を変えるツールの多くは、選んだ範囲を新しい色で塗ります。 それだと、しわ・影・ハイライトが消えて、ベタ塗りの板になります。 このツールは、画素ごとに「色あいだけ」をずらします。 元の明るさの比はそのままなので、陰影がそっくり残ります。 赤い服の明るい所　→　青い服の明るい所 赤い服の影　　　　→　青い服の影（同じ濃さのまま） ──────────────────────── ■ 実際の画素の値（赤い服をクリックして取ってから、青にしたとき） ──────────────────────── 場所　　　　　　変える前　　　　　　変えた後 肌　　　　　　　240, 205, 180　→　240, 205, 180 白　　　　　　　250, 250, 250　→　250, 250, 250 服（明るい所）　203, 45, 49　→　 40, 105, 203 服（影）　　　　126, 28, 31　→　 25, 66, 126 明るい所 ÷ 影　＝　変える前 1.611　／　変えた後 1.611 ★ 肌と白は1も動いていません。影の濃さの比も、数字まで同じです。 塗りつぶしていたら、この比は 1.00 になります。 ──────────────────────── ■ できること ──────────────────────── ・変えたい色だけを選んで変えられます（絵をクリックするとスポイトで取れます） ・白・黒・グレーを守ります（あざやかさの下限より灰色に近い所は変えません） ・肌・目は、色あいが服と離れていれば変わりません ・しわ・影・ハイライトが残ります（明るさの比をそのまま使うため） ・ふちがギザギザになりません（境目をなだらかに混ぜます） ・色違いを何色でも、一度にまとめて書き出せます ・画像を何枚でもまとめて入れられます（画像3枚 × 色5つ ＝ 15ファイル） ・透過（アルファ）はそのまま残ります ・元の名前_色名.png で保存されます（例： shirt_あお.png） ・「全体をずらす」モードもあります（画像ぜんぶを、変えたい色→出す色 の差だけずらします） ・インストール不要。ファイル1つで動きます ・画像はパソコンの外に出ません ──────────────────────── ■ 使いかた（4ステップ） ──────────────────────── 1. colorvar.html をダブルクリックで開く 2. 画像をドラッグ＆ドロップ（まとめて何枚でも） 3. 絵の「変えたい所」をクリック（その色が入ります） 4. 色を並べて「すべて保存」 ──────────────────────── ■ 設定でできること ──────────────────────── 色あいの許容（±度）　　どこまでを「近い色」とみなすか あざやかさの下限　　　　これより灰色に近い所は変えない（白・黒・グレーを守る） ふちのなめらかさ　　　　境目を混ぜて、ギザギザを防ぐ 明るさも合わせる　　　　元の明るさを保つ／選んだ色の明るさに寄せる ──────────────────────── ■ 入っているもの ──────────────────────── colorvar.html これ1つで動きます README_使い方.txt 使い方 README_English.txt 英語版 ──────────────────────── ■ できないこと（先に書いておきます） ──────────────────────── ・模様や柄そのものは変えられません。色だけです ・「この部分だけ」という範囲の指定はできません。色で選びます ・影の付け直し・質感の変更はできません ・元の画像がベタ塗りなら、出てくるのもベタ塗りです ・PSD・PSB は読めません（PNG・JPG・WebP にしてください） ・赤い服だと、肌の影やくちびるも一緒に動くことがあります 　→「あざやかさの下限」を上げると、くすんだ色を守れます（色白なら 40 くらい） 　　ただし どの肌でも守れる数字はありません。250通りの肌色で実測した結果： 　　　下限12（既定）… 肌が動く 91/250 ／ 服は 16/16 変わる 　　　下限40　　　… 肌が動く 43/250 ／ 服は 12/16 　　　下限55　　　… 肌が動く 13/250 ／ 服は 8/16 　　　下限65　　　… 肌が動く 0/250 ／ 服は 5/16 しか変わらない 　　日焼け肌・濃い肌は 50〜55 でも残ります。上げるほど、くすんだ服も変わらなくなります 　→ 確実に分けたいときは、「色あいの許容」を小さくするか、画像を分けてください ・完全に透明な部分の色は、ブラウザが読む時点で黒になります 　（このツールだけの話ではありません。透明部に色を載せているテクスチャはご注意） ・4096px のテクスチャだと、1枚あたり1〜1.5秒かかります 　（保存中はボタンが「保存中…」になり、二重に出ません） ・とても大きい画像（8000px 以上など）は、さらに時間がかかります ──────────────────────── ■ 動作環境 ──────────────────────── ・Chrome（Windows）で動作を確認しています ・インターネット接続は不要です。画像はパソコンの外に出ません ・アカウント登録・APIキーは要りません ・Unity は要りません ──────────────────────── ■ 更新履歴 ──────────────────────── 2026-10-18　v1.0.0　はじめて出しました ──────────────────────── ■ 同じ作りの、ほかの商品 ──────────────────────── どれもブラウザで完結・インストール不要・画像を送信しません。 ・ノーマルマップ生成ツール　　　https://techmeparty.booth.pm/items/8979445 ・テクスチャ継ぎ目消しツール　　https://techmeparty.booth.pm/items/8987466 ・グラデーションマップ作成ツール https://techmeparty.booth.pm/items/8987443 ・AOマップ生成ツール　　　　　　https://techmeparty.booth.pm/items/9004304 ──────────────────────── ■ 使ってよい範囲 ──────────────────────── ・このツールで作った画像は、自由にお使いいただけます（商用可・表記不要） ・配信・動画・販売物にお使いいただけます ・ツールのファイルそのものの再配布・販売はご遠慮ください