TextBox

[C#] TextBoxの背景色を変更する方法

2025-01-18更新日: 2025-01-18

C#でTextBoxの背景色を変更するには、BackColorプロパティを使用します。

Windows FormsアプリケーションでTextBoxの背景色を設定する場合、まずTextBoxコントロールをフォームに追加し、そのBackColorプロパティにSystem.Drawing.Colorクラスの色を指定します。

例えば、TextBoxの背景色を赤にするには、textBox1.BackColor = System.Drawing.Color.Red;とします。

このプロパティは、デザイン時にプロパティウィンドウからも設定可能です。

背景色を変更することで、ユーザーインターフェースの視覚的なカスタマイズが可能になります。

目次から探す

背景色の変更方法
- BackColorプロパティの概要
- 色の指定方法
背景色変更の応用例
背景色変更の注意点
まとめ

背景色の変更方法

BackColorプロパティの概要

C#のWindowsフォームにおいて、TextBoxの背景色を変更するためには、BackColorプロパティを使用します。

このプロパティは、コントロールの背景色を設定するためのもので、Color型の値を受け取ります。

デフォルトでは、TextBoxの背景色は白色に設定されていますが、ユーザーのインターフェースに合わせて変更することが可能です。

色の指定方法

TextBoxの背景色を指定する方法には、主に2つのアプローチがあります。

1つは、Colorクラスを使用して色を指定する方法、もう1つはカスタムカラーを設定する方法です。

以下にそれぞれの方法を詳しく説明します。

Colorクラスを使用した色指定

Colorクラスは、C#で用意されている色を簡単に指定するためのクラスです。

以下のように、Colorクラスの静的プロパティを使用して、あらかじめ定義された色を指定することができます。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        // TextBoxの背景色を青色に設定
        textBox1.BackColor = Color.Blue; 
    }
}

このコードを実行すると、TextBoxの背景色が青色に変更されます。

Colorクラスには、以下のような色が用意されています。

色名	説明
Color.Red	赤色
Color.Green	緑色
Color.Blue	青色
Color.Yellow	黄色

カスタムカラーの設定

Colorクラスを使用して、RGB値を指定することでカスタムカラーを設定することも可能です。

以下のように、Color.FromArgbメソッドを使用して、任意の色を作成できます。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        // RGB値を指定してカスタムカラーを設定
        textBox1.BackColor = Color.FromArgb(255, 128, 0); 
    }
}

このコードでは、RGB値(255, 128, 0)を指定してオレンジ色の背景色を設定しています。

RGB値はそれぞれ、赤、緑、青の強度を0から255の範囲で指定します。

背景色変更の応用例

フォーカス時の背景色変更

ユーザーがTextBoxにフォーカスを当てたときに背景色を変更することで、視覚的なフィードバックを提供できます。

これにより、ユーザーはどの入力フィールドにいるのかを簡単に認識できます。

以下のサンプルコードでは、TextBoxにフォーカスが当たったときに背景色を黄色に変更し、フォーカスが外れたときに元の色に戻す方法を示しています。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        // フォーカス時の背景色変更
        textBox1.GotFocus += (s, e) => textBox1.BackColor = Color.Yellow;
        textBox1.LostFocus += (s, e) => textBox1.BackColor = Color.White;
    }
}

このコードを実行すると、TextBoxにフォーカスが当たると背景色が黄色に変わり、フォーカスが外れると白色に戻ります。

入力内容に応じた背景色の動的変更

ユーザーがTextBoxに入力した内容に応じて背景色を変更することも可能です。

例えば、特定の条件を満たす入力があった場合に背景色を変更することで、ユーザーに対して視覚的なヒントを与えることができます。

以下のサンプルコードでは、入力が OK の場合に背景色を緑色に、そうでない場合は赤色に変更します。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        // 入力内容に応じた背景色の変更
        textBox1.TextChanged += (s, e) =>
        {
            if (textBox1.Text == "OK")
            {
                textBox1.BackColor = Color.Green;
            }
            else
            {
                textBox1.BackColor = Color.Red;
            }
        };
    }
}

このコードを実行すると、TextBoxに OK と入力すると背景色が緑色に変わり、それ以外の入力では赤色に変わります。

テーマに合わせた背景色の統一

アプリケーション全体のテーマに合わせてTextBoxの背景色を統一することも重要です。

これにより、ユーザーに一貫した視覚体験を提供できます。

以下のサンプルコードでは、アプリケーションのテーマに基づいて背景色を設定する方法を示しています。

partial class MyForm : Form
{
    private Color themeColor = Color.LightBlue; // テーマカラーを設定
    public MyForm()
    {
        InitializeComponent();
        
        // TextBoxの背景色をテーマカラーに設定
        textBox1.BackColor = themeColor;
    }
}