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




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




