Tkinterで赤から緑へのグラデーションスケールを描画する方法

カラーグラデーションとは、位置に応じて色が連続的に変化する範囲を定義したものです。Tkinterアプリケーションの中に、赤から緑へと変化するような色の範囲（グラデーション）を持つ矩形スケールを作成したい場合は、以下の手順に従うことで実現できます。

実装の手順

• Canvasウィジェットで矩形を作成する：キャンバスの幅と高さを指定して、グラデーションを描画する領域を用意します。

• 色を塗るための関数を定義する：RGB値を16進数のカラーコード（例：#FF0000）に変換するヘルパー関数を作成します。

• 色の範囲を反復処理して塗りつぶす：ループを使って細い矩形を横方向に並べ、それぞれに異なる色を設定することで、滑らかなグラデーションを実現します。

サンプルコード

# 必要なライブラリをインポート
from tkinter import *
from tkinter import ttk

# tkinterフレームのインスタンスを作成
win = Tk()

# ウィンドウサイズとタイトルを設定
win.geometry("700x350")
win.title("Gradient")

# RGB値を16進数カラーコードに変換する関数
def rgb(r, g, b):
    return "#%s%s%s" % tuple([hex(c)[2:].rjust(2, "0")
        for c in (r, g, b)])

# グラデーション用のキャンバスを作成
gradient = Canvas(win, width=255 * 2, height=25)
gradient.pack()

# 色を反復処理しながら矩形を塗りつぶす（赤→黄→緑）
for x in range(0, 256):
    r = x * 2 if x < 128 else 255
    g = 255 if x < 128 else 255 - (x - 128) * 2
    gradient.create_rectangle(x * 2, 0, x * 2 + 2, 50,
        fill=rgb(r, g, 0), outline=rgb(r, g, 0))

win.mainloop()

コードの解説

このコードのポイントは、rgb() 関数が各色成分（R・G・B）を2桁の16進数文字列に変換し、Tkinterが認識できるカラーコード形式「#RRGGBB」に組み立てている点です。

また、メインのループでは x の値に応じて以下のように色を制御しています。

• x が 0〜127 の間：赤成分（r）を徐々に増やし、緑成分（g）は最大値255のまま維持します。これにより黒から黄色へと変化します。

• x が 128〜255 の間：赤成分を最大値255で固定し、緑成分を徐々に減らしていきます。これにより黄色から緑へと変化します。

各ステップで幅2ピクセルの細い矩形を描画しているため、隣り合う矩形が滑らかにつながり、全体として美しいグラデーションが表現されます。outline にも同じ色を指定することで、矩形同士の境界線を目立たなくしています。

実行結果

上記のコードを実行すると、赤から緑までの色の範囲が定義されたグラデーションスケールがウィンドウ上に表示されます。