EDUCBA Logo

EDUCBA

MENUMENU
  • Explore
    • EDUCBA Pro
    • PRO Bundles
    • Featured Skills
    • New & Trending
    • Fresh Entries
    • Finance
    • Data Science
    • Programming and Dev
    • Excel
    • Marketing
    • HR
    • PDP
    • VFX and Design
    • Project Management
    • Exam Prep
    • All Courses
  • Blog
  • Enterprise
  • Free Courses
  • Log in
  • Sign Up
Home Software Development Software Development Tutorials Tkinter Tutorial Tkinter button color
 

Tkinter button color

Updated April 15, 2023

Tkinter button color

 

 

Introduction to Tkinter button color

We can provide any color to the button widget using Tkinter. Button widget has so many properties, out of which ‘bg’ is used to set the background color for the button. We can pass the name of the color or hex value for color using the bg property. We can also change the foreground color by using the ‘fg’ property of the button widget in Tkinter. We can also use the configure method to change the color.

Watch our Demo Courses and Videos

Valuation, Hadoop, Excel, Mobile Apps, Web Development & many more.

Syntax

As we know that we can use the ‘bg’ and ‘fg’ property of the Button widget to change the color, we need to pass this variable while using the Button object. In short, while creating the Button object. Let’s see the syntax for better understating see below;

  • By using color string: We can pass color string inside the bg property like below;
  • variable_name = Button(parent, bg=’your_color’)
  • By using hex value: We can also use the HEX value of color to assign it.
  • variable_name = Button(parent, bg=’HEX_VALUE_COLOR’)

For better understating we will see one practice syntax for beginners to understand it better;

button1 = Button(parent, bg=’RED’)

button2 = Button(parent, bg=’#fff’)

How to color button in Tkinter?

As of now, we know that we can use the bf and fg property to change the color of the button widget. We also have one more option to change the color of the button by using the configure method. To implement this method, we have the ‘command’ property available in the button widget; by the use of it, we can call the configure method to change color. To use the Button widget, we have to have a Tkinter module in our program in the first place because it is the object of the Tkinter module, and we know that Tkinter is used to create the GUI in python. Now we will see examples to change the bg and fg color of the button and discussed them in detail. See below;

1. To change the bg and fg color by using the Button widget

Button widget as two properties to change the background and foreground color of the button by using bg and fg keywords, respectively.

Example:

from tkinter import *
parent = Tk()
parent.geometry('500x500')
button1 = Button(parent, text = 'click me!', fg='red', bg='yellow' )
button1.pack()
parent.mainloop()

In the above example, we are changing the background and foreground color of the button widget. For this first, we have imported the Tkinter module into our program. After this, we create a Tkinter object responsible for creating the GUI window for us; we can assign the window size by using the geometry function; where else, it will take the default size. Immediately after this, we are creating a button object by initializing the bg and fg color property. After that, we call the pack method to assign our button object a fixed position in the window, and in the end, we are calling the mainloop() method to initialize the window.

2. By using the configure method, to change color

We can use the configure method to change the color of the button widget, but to use this, we need to create one function and call it from the command property of the button widget.

Example:

from tkinter import *
def demoColorChange(): button1.configure(bg="red", fg="yellow")
parent = Tk()
parent.geometry('500x500')
button1 = Button(parent, text = 'click me!', command= demoColorChange )
button1.pack()
parent.mainloop()

As we can see, we are creating one method here called ‘demoColorChange’ and calling this method from the command property of the button widget so that it will change the background and foreground color of the button. This is another way of calling it.

Constructor

As we know, color is the button widget’s property, so this itself does not contain the constructor of it. But the Button widget has its constructor with it with a different number of parameters inside it. We can discuss it in details see below;

Example:

variable_name = Button(parent, bg='your_color', fg = 'color', text= 'your_text', commnd = 'your_function'..)
  • Parent: This parameter is responsible for creating the window object. So we need to create a Tkinter object and pass it inside this.
  • bg: This parameter is responsible for assigning a background color to the widget.
  • fg: This parameter is responsible for assigning foreground color to the widget.
  • text: This parameter is responsible for providing text on the button.
  • command: By using this parameter, we can call our function and assign them color as well.
  • height: By using this parameter, we can assign height.

Methods

Here also it does not have any methods with it because it’s a Button widget property, but we can use the configure method to change the color as well see below;

Example:

Configure: By using this, we can call our custom functions which are responsible for performing a certain task for us;

def function_name(): widget.configure(bg="red", fg="yellow")

We can call this method on any widget, but here we are using a button to change the color; this can be called on any widget.

Examples of Tkinter button color

Given below are the examples of Tkinter button color:

Example #1

In this example, we are changing the background color of the button using the bg property.

Code:

from tkinter import *
parent = Tk()
#size of window
parent.geometry('500x500')
#titlt to window
parent.title('Button color demo !!')
#creating button and assiging color
button = Button(parent, text = 'Click me !!', bg='red', height = 5, width = 10)
button.pack()
#initilizing window
parent.mainloop()

Output:

Tkinter button color output 1

Example #2

In this example, we are changing the foreground color of the button using the fg property.

Code:

from tkinter import *
parent = Tk()
#size of window
parent.geometry('500x500')
#titlt to window
parent.title('Button color demo !!')
#creating button and assiging color
button = Button(parent, text = 'Click me !!', bg='yellow',  fg = 'blue', height = 5, width = 10)
button.pack()
#initilizing window
parent.mainloop()

Output:

Tkinter button color output 2

Conclusion

Bu the use of this color property, we can assign different colors to the button widget. For this, we are using the bg and fg property of the button. By assigning different colors to the button, we can make our GUI more interactive to the user also; we can also perform some events, like on click of a button; we can again change the button color.

Recommended Articles

This is a guide to the Tkinter button color. Here we discuss How to color buttons in Tkinter along with the Examples, constructors, and Methods. You may also have a look at the following articles to learn more –

  1. Tkinter OptionMenu
  2. Tkinter TreeView
  3. Tkinter Colors
  4. Tkinter Scrollbar

Primary Sidebar

Footer

Follow us!
  • EDUCBA FacebookEDUCBA TwitterEDUCBA LinkedINEDUCBA Instagram
  • EDUCBA YoutubeEDUCBA CourseraEDUCBA Udemy
APPS
EDUCBA Android AppEDUCBA iOS App
Blog
  • Blog
  • Free Tutorials
  • About us
  • Contact us
  • Log in
Courses
  • Enterprise Solutions
  • Free Courses
  • Explore Programs
  • All Courses
  • All in One Bundles
  • Sign up
Email
  • [email protected]

ISO 10004:2018 & ISO 9001:2015 Certified

© 2025 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Software Development Course

Web development, programming languages, Software testing & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

EDUCBA Login

Forgot Password?

🚀 Limited Time Offer! - 🎁 ENROLL NOW