VRChat

【ブラウザで完結】グラデーションマップ作成ツール|色を選ぶだけ・インストール不要・画像を送信しない【商用可】

  • ダウンロード商品
    ¥ 500

好きな色で、グラデーションマップ(横1列の色の帯)を作れます。 売っている色セットに欲しい色が無いときに。 インストールは要りません。ファイルをダブルクリックで開くだけです。 Unityも、画像編集ソフトも要りません。 画像はあなたのパソコンの中だけで処理します。どこにも送りません。 ──────────────────────── ■ できること ──────────────────────── ・色を2〜12個えらぶ。位置は0%〜100%で自由に動かせます ・幅 2〜4096px / 高さ 1〜4096px(初期値 256×32) ・つなぎ方を3つから選べます   なめらか(直線)/やわらかく(S字)/段々(色をそのまま)   ※ 段々は「その色から次の色の手前まで」を塗るので、     いちばん右の色は右端の1ドットだけになります(READMEに逃げ方を書いています) ・横向き・縦向き ・「等間隔に並べ直す」「左右を入れかえる」ボタン ・PNGで保存 おまけ:手持ちの画像にそのグラデーションを当てて、 見た目を確かめることもできます(保存もできます)。 ──────────────────────── ■ 色の計算を確かめています ──────────────────────── 色と色のあいだは、まっすぐ混ぜています。 黒と白の真ん中は 127.5(画像では128)です。 出す前に、作った画像の画素を読み直して、計算どおりの色が出ているか確かめています。 「なんとなくの色」ではありません。 ──────────────────────── ■ 入っているもの ──────────────────────── gradmap.html ツール本体(これ1つで動きます) README_使い方.txt 使い方 README_English.txt 英語版 ──────────────────────── ■ できないこと(先に書いておきます) ──────────────────────── ・Unityのマテリアルに直接当てる機能はありません(PNGを書き出す道具です) ・色のセンスを決めてくれる機能はありません(色はご自分で選びます) ──────────────────────── ■ 動作環境 ──────────────────────── ・Chrome で動作を確認しています(Windows) ・Edge / Firefox でも動く作りですが、こちらでは確認できていません ・スマートフォンでも画面に合わせて並びますが、確認はパソコンのみです ・インターネット接続は不要です(つなぎません) ──────────────────────── ■ 品質について ──────────────────────── 端・真ん中・1/4の位置の色、3色のとき、段々とS字の違い、 作った画像の画素が計算どおりか、縦向き、 大きさの上限・下限、色コードの読み取りを確かめています。 ──────────────────────── ■ 更新履歴 ──────────────────────── 2026-10-13 v1.0.0 はじめて出しました ──────────────────────── ■ 同じ作りの、ほかの商品 ──────────────────────── ブラウザで開くだけ・インストール不要・画像を外に送りません。 ・ノーマルマップ生成ツール https://techmeparty.booth.pm/items/8979445 OBSに置くだけの配信ウィジェットも出しています。 ・作業配信ポモドーロタイマー https://techmeparty.booth.pm/items/8983496 ──────────────────────── ■ よくある質問 Q. インストールは必要ですか? A. 要りません。zipを解凍して、gradmap.html をダブルクリックするだけです。   アカウント登録も要りません。 Q. 画像はアップロードされますか? A. されません。開いたブラウザの中だけで計算します。   パソコンのネットを切ってから使っても、同じように動きます。 Q. 動作環境を教えてください A. Chrome で動作を確認しています。   ほかのブラウザや環境では確認していません。 Q. 商用利用できますか? A. できます。作った物の使用は、個人・法人を問わず自由です。   ファイルそのものの再配布・転売だけはご遠慮ください。 ■ 使ってよい範囲 ──────────────────────── ・このツールで作ったものは、自由にお使いいただけます(商用可・表記不要) ・ツールのファイルそのものの再配布・販売はご遠慮ください

【ブラウザで完結】グラデーションマップ作成ツール|色を選ぶだけ・インストール不要・画像を送信しない【商用可】
【ブラウザで完結】グラデーションマップ作成ツール|色を選ぶだけ・インストール不要・画像を送信しない【商用可】
【ブラウザで完結】グラデーションマップ作成ツール|色を選ぶだけ・インストール不要・画像を送信しない【商用可】
【ブラウザで完結】グラデーションマップ作成ツール|色を選ぶだけ・インストール不要・画像を送信しない【商用可】
好きな色で、グラデーションマップ(横1列の色の帯)を作れます。 売っている色セットに欲しい色が無いときに。 インストールは要りません。ファイルをダブルクリックで開くだけです。 Unityも、画像編集ソフトも要りません。 画像はあなたのパソコンの中だけで処理します。どこにも送りません。 ──────────────────────── ■ できること ──────────────────────── ・色を2〜12個えらぶ。位置は0%〜100%で自由に動かせます ・幅 2〜4096px / 高さ 1〜4096px(初期値 256×32) ・つなぎ方を3つから選べます   なめらか(直線)/やわらかく(S字)/段々(色をそのまま)   ※ 段々は「その色から次の色の手前まで」を塗るので、     いちばん右の色は右端の1ドットだけになります(READMEに逃げ方を書いています) ・横向き・縦向き ・「等間隔に並べ直す」「左右を入れかえる」ボタン ・PNGで保存 おまけ:手持ちの画像にそのグラデーションを当てて、 見た目を確かめることもできます(保存もできます)。 ──────────────────────── ■ 色の計算を確かめています ──────────────────────── 色と色のあいだは、まっすぐ混ぜています。 黒と白の真ん中は 127.5(画像では128)です。 出す前に、作った画像の画素を読み直して、計算どおりの色が出ているか確かめています。 「なんとなくの色」ではありません。 ──────────────────────── ■ 入っているもの ──────────────────────── gradmap.html ツール本体(これ1つで動きます) README_使い方.txt 使い方 README_English.txt 英語版 ──────────────────────── ■ できないこと(先に書いておきます) ──────────────────────── ・Unityのマテリアルに直接当てる機能はありません(PNGを書き出す道具です) ・色のセンスを決めてくれる機能はありません(色はご自分で選びます) ──────────────────────── ■ 動作環境 ──────────────────────── ・Chrome で動作を確認しています(Windows) ・Edge / Firefox でも動く作りですが、こちらでは確認できていません ・スマートフォンでも画面に合わせて並びますが、確認はパソコンのみです ・インターネット接続は不要です(つなぎません) ──────────────────────── ■ 品質について ──────────────────────── 端・真ん中・1/4の位置の色、3色のとき、段々とS字の違い、 作った画像の画素が計算どおりか、縦向き、 大きさの上限・下限、色コードの読み取りを確かめています。 ──────────────────────── ■ 更新履歴 ──────────────────────── 2026-10-13 v1.0.0 はじめて出しました ──────────────────────── ■ 同じ作りの、ほかの商品 ──────────────────────── ブラウザで開くだけ・インストール不要・画像を外に送りません。 ・ノーマルマップ生成ツール https://techmeparty.booth.pm/items/8979445 OBSに置くだけの配信ウィジェットも出しています。 ・作業配信ポモドーロタイマー https://techmeparty.booth.pm/items/8983496 ──────────────────────── ■ よくある質問 Q. インストールは必要ですか? A. 要りません。zipを解凍して、gradmap.html をダブルクリックするだけです。   アカウント登録も要りません。 Q. 画像はアップロードされますか? A. されません。開いたブラウザの中だけで計算します。   パソコンのネットを切ってから使っても、同じように動きます。 Q. 動作環境を教えてください A. Chrome で動作を確認しています。   ほかのブラウザや環境では確認していません。 Q. 商用利用できますか? A. できます。作った物の使用は、個人・法人を問わず自由です。   ファイルそのものの再配布・転売だけはご遠慮ください。 ■ 使ってよい範囲 ──────────────────────── ・このツールで作ったものは、自由にお使いいただけます(商用可・表記不要) ・ツールのファイルそのものの再配布・販売はご遠慮ください