# 【質問】メニュー画面の黒い半透明の部分を変える方法

**URL:** <https://guild.rpgmakerofficial.com/t/topic/2160>\
**Category:** 質問\
**Tags:** 日本語\
**Created:** [2026 年 7 月 6 日午後 12:16 UTC](https://guild.rpgmakerofficial.com/t/topic/2160 "2026-07-06T12:16:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![AzarashiPOPOPO](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@AzarashiPOPOPO](https://guild.rpgmakerofficial.com/u/AzarashiPOPOPO)\
**Post date:** [2026 年 7 月 6 日午後 12:16 UTC](https://guild.rpgmakerofficial.com/t/topic/2160/1 "2026-07-06T12:16:04Z")

</div>

RPGツクールmzにて、UIの黒い半透明の画像を変える方法を教えてください。

「img」フォルダ内の「system」画像を編集しても変わりませんでした。

画像を変えることが出来るプラグインがあれば、教えてください。

 ![Screenshot 2026-07-06 20-30-14s](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/9/9e404eeaa00d76b4d819caddb485f0d4ae15d1c1.jpeg)

 ![Screenshot 2026-07-06 20-31-29](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/e/efb867c975cc6d40fae3e43212b02fd40c6da3b2.jpeg)

---

<div class="post-metadata">

**Author:** ![yuyering](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/yuyering/32/3720_2.png) [@yuyering](https://guild.rpgmakerofficial.com/u/yuyering)\
**Post date:** [2026 年 7 月 7 日午前 1:54 UTC](https://guild.rpgmakerofficial.com/t/topic/2160/2 "2026-07-07T01:54:18Z")

</div>

もし単に透明を不透明に変更したいのであれば、System画像を修正するほかに、データベースの「システム2」にある「ウィンドウの不透明度」の設定を255に変更する必要があります（不透明度の範囲は0〜255です）。

変更しても効果がない場合は、プラグインを確認してみてください。一部のプラグインはウィンドウの不透明度を変更します。

---

<div class="post-metadata">

**Author:** ![orochii](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/orochii/32/3401_2.png) [@orochii](https://guild.rpgmakerofficial.com/u/orochii)\
**Post date:** [2026 年 7 月 7 日午前 9:11 UTC](https://guild.rpgmakerofficial.com/t/topic/2160/3 "2026-07-07T09:11:14Z")

</div>

選択可能なオプションの背後にあるグラデーション背景は画像ではなく、エンジンによって描画されています。

これは選択可能なウィンドウでそれを描画するコードの一部です。

```javascript
Window_Selectable.prototype.drawBackgroundRect = function(rect) {
    const c1 = ColorManager.itemBackColor1();
    const c2 = ColorManager.itemBackColor2();
    const x = rect.x;
    const y = rect.y;
    const w = rect.width;
    const h = rect.height;
    this.contentsBack.gradientFillRect(x, y, w, h, c1, c2, true);
    this.contentsBack.strokeRect(x, y, w, h, c1);
};

```

そして、これが使用される色です。これらはデフォルトでハードコードされています。

```javascript
ColorManager.itemBackColor1 = function() {
    return "rgba(32, 32, 32, 0.5)";
};

ColorManager.itemBackColor2 = function() {
    return "rgba(0, 0, 0, 0.5)";
};

```