Colores en tkinter¶

Seleccionar color de fondo¶

Vamos a crear un panel cuyo color de fondo pueda cambiarse a voluntad. El color seleccionado se mostrará en la barra de título:

El color se muestra en forma de códigos. En el ejemplo, un color azulado se muestra como:

( (166,253,255) , '#a6fdff' )

Códigos de colores¶

¿Que significan los códigos? Todo color es una combinación de tres básicos, rojo, verde y azul. A este esquema se le llama RGB, abreviatura de red, green, blue. La cantidad que pongamos de cada color básico determina el color final, y se expresa en forma de tupla:

(166,253,255)

Los valores individuales van de 0 a 255. Con esto tenemos 256 posibles tonalidades para cada color básico, lo que hace más de dieciséis millones de combinaciones, suficiente para mostrar una amplia gama de colores.

En Tkinter, los colores se expresan mediante una tupla de dos elementos:

una tupla anidada con los tres colores básicos: (166,253,255)
un string formado por seis dígitos hexadecimales, dos por cada color básico: '#a6fdff':
- 166 es la cantidad de rojo, en hexadecimal, A6
- 253 es la cantidad de verde, en hexadecimal, FD
- 255 es la cantidad de azul, en hexadecimal, FF
El conjunto lleva el prefijo #, y lo podemos escribir en minúsculas.

Veamos varios ejemplos de colores:

Color	Rojo	Verde	Azul	Código hex
rojo	255	0	0	`#FF0000`
verde	0	255	0	`#00FF00`
azul	0	0	255	`#0000FF`
amarillo	255	255	0	`#FFFF00`
cian	0	255	255	`#00FFFF`
fucsia	255	0	255	`#FF00FF`
negro	0	0	0	`#000000`
gris	128	128	128	`#808080`
gris claro	192	192	192	`#C0C0C0`
blanco	255	255	255	`#FFFFFF`
marrón	128	0	0	`#800000`
verde oscuro	0	128	0	`#008000`
azul oscuro	0	0	128	`#000080`
dorado	128	128	0	`#808000`
púrpura	128	0	128	`#800080`
verde azulado	0	128	128	`#008080`

Poniendo las mismas cantidades de color para cada uno de los básicos, vamos de (0,0,0) a (255,255,255), con lo que obtenemos una gama de 256 grises.

El programa¶

Nuestro programa es el siguiente:

SeleccionarColor.py
from tkinter import *
from tkinter import colorchooser

def cambiar_color():
    color=colorchooser.askcolor()
    if color[1] != None:
        lienzo.configure(bg=color[1])
        ventana.title("Color:"+str(color))

ventana = Tk()

lienzo= Canvas(ventana)
lienzo.configure(width=500)
lienzo.configure(height=300)
lienzo.configure(bg='AntiqueWhite')
lienzo.pack()

panelBotones = Frame(ventana)
panelBotones.pack()

btnTerminar=Button(panelBotones)
btnTerminar.configure(text="Terminar")
btnTerminar.configure(command=ventana.destroy)
btnTerminar.pack(side='left')

btnColores=Button(panelBotones)
btnColores.configure(text="Cambiar color")
btnColores.configure(command=cambiar_color)
btnColores.pack(side='left')

ventana.title("Color:"+lienzo["background"])
ventana.mainloop()

Explicación del programa¶

Hemos creado dos botones y un marco para alojarlos:

panelBotones = Frame(ventana)
btnTerminar=Button(panelBotones)
btnColores=Button(panelBotones)

Los botones se "empaquetan" dejando el anterior a su izquierda. Por defecto, se situarían en vertical:

btnTerminar.pack(side='left')

El botón para cambiar el color, invoca una función llamada cambiar_color(). Como de costumbre, la especificamos sin paréntesis para evitar que se ejecute y se asigne el resultado.

btnColores.configure(command=cambiar_color)

La sentencia:

from tkinter import colorchooser

importa un submódulo de Tkinter. Dentro de una biblioteca puede haber varios módulos.

La sentencia:

color=colorchooser.askcolor()

Muestra una ventana para seleccionar colores, y devuelve una tupla de dos elementos. El primero es, a su vez, una tupla con los tres colores básicos, rojo, verde y azul, como ya hemos visto. El segundo elemento de la tupla es el string que tenemos que asignar:

lienzo.configure(bg=color[1])

Nombres de colores¶

En tkinter podemos usar códigos de color o nombres de colores:

lienzo.configure(bg='white')
lienzo.configure(bg='#FFFFFF')

Podemos averiguar el código que se corresponde con cada nombre examinando la documentación de la biblioteca Tk:

https://www.tcl-lang.org/man/tcl/TkCmd/colors.html

Podemos obtener una paleta de colores con un programa que he encontrado navegando por Internet:

El programa es el siguiente:

Tk_paleta.py
import tkinter as tk

COLORES = ['snow', 'ghost white', 'white smoke', 'gainsboro', 'floral white', 
           'old lace', 'linen', 'antique white', 'papaya whip', 'blanched almond',
           'bisque', 'peach puff', 'navajo white', 'lemon chiffon', 'mint cream',
           'azure', 'alice blue', 'lavender', 'lavender blush', 'misty rose', 
           'dark slate gray', 'dim gray', 'slate gray', 'light slate gray', 'gray',
           'light gray', 'midnight blue', 'navy', 'cornflower blue', 'dark slate blue',
           'slate blue', 'medium slate blue', 'light slate blue', 'medium blue', 
           'royal blue',  'blue', 'dodger blue', 'deep sky blue', 'sky blue', 
           'light sky blue', 'steel blue', 'light steel blue', 'light blue', 
           'powder blue', 'pale turquoise', 'dark turquoise', 'medium turquoise',
           'turquoise', 'cyan', 'light cyan', 'cadet blue', 'medium aquamarine', 
           'aquamarine', 'dark green', 'dark olive green', 'dark sea green', 
           'sea green', 'medium sea green', 'light sea green', 'pale green', 
           'spring green', 'lawn green', 'medium spring green', 'green yellow', 
           'lime green', 'yellow green', 'forest green', 'olive drab', 'dark khaki',
           'khaki', 'pale goldenrod', 'light goldenrod yellow', 'light yellow', 
           'yellow', 'gold', 'light goldenrod', 'goldenrod', 'dark goldenrod', 
           'rosy brown', 'indian red', 'saddle brown', 'sandy brown', 'dark salmon', 
           'salmon', 'light salmon', 'orange', 'dark orange', 'coral', 'light coral', 
           'tomato', 'orange red', 'red', 'hot pink', 'deep pink', 'pink', 'light pink',
          'pale violet red', 'maroon', 'medium violet red', 'violet red',
          'medium orchid', 'dark orchid', 'dark violet', 'blue violet', 'purple', 
          'medium purple', 'thistle', 'snow2', 'snow3', 'snow4', 'seashell2', 
          'seashell3', 'seashell4', 'AntiqueWhite1', 'AntiqueWhite2',
          'AntiqueWhite3', 'AntiqueWhite4', 'bisque2', 'bisque3', 'bisque4', 
          'PeachPuff2', 'PeachPuff3', 'PeachPuff4', 'NavajoWhite2', 'NavajoWhite3', 
          'NavajoWhite4', 'LemonChiffon2', 'LemonChiffon3', 'LemonChiffon4', 
          'cornsilk2', 'cornsilk3', 'cornsilk4', 'ivory2', 'ivory3', 'ivory4', 
          'honeydew2', 'honeydew3', 'honeydew4', 'LavenderBlush2', 'LavenderBlush3', 
          'LavenderBlush4', 'MistyRose2', 'MistyRose3', 'MistyRose4', 'azure2', 
          'azure3', 'azure4', 'SlateBlue1', 'SlateBlue2', 'SlateBlue3',
          'SlateBlue4', 'RoyalBlue1', 'RoyalBlue2', 'RoyalBlue3', 'RoyalBlue4', 
          'blue2', 'blue4', 'DodgerBlue2', 'DodgerBlue3', 'DodgerBlue4', 'SteelBlue1', 
          'SteelBlue2', 'SteelBlue3', 'SteelBlue4', 'DeepSkyBlue2', 'DeepSkyBlue3', 
          'DeepSkyBlue4', 'SkyBlue1', 'SkyBlue2', 'SkyBlue3', 'SkyBlue4', 
          'LightSkyBlue1', 'LightSkyBlue2', 'LightSkyBlue3', 'LightSkyBlue4', 
          'Slategray1', 'Slategray2', 'Slategray3', 'Slategray4', 'LightSteelBlue1', 
          'LightSteelBlue2', 'LightSteelBlue3', 'LightSteelBlue4', 'LightBlue1', 
          'LightBlue2', 'LightBlue3', 'LightBlue4', 'LightCyan2', 'LightCyan3', 
          'LightCyan4', 'PaleTurquoise1', 'PaleTurquoise2', 'PaleTurquoise3', 
          'PaleTurquoise4', 'CadetBlue1', 'CadetBlue2', 'CadetBlue3', 'CadetBlue4', 
          'turquoise1', 'turquoise2', 'turquoise3', 'turquoise4', 'cyan2', 'cyan3',
          'cyan4', 'DarkSlategray1', 'DarkSlategray2', 'DarkSlategray3', 'DarkSlategray4',
          'aquamarine2', 'aquamarine4', 'DarkSeaGreen1', 'DarkSeaGreen2', 'DarkSeaGreen3',
          'DarkSeaGreen4', 'SeaGreen1', 'SeaGreen2', 'SeaGreen3', 'PaleGreen1', 
          'PaleGreen2', 'PaleGreen3', 'PaleGreen4', 'SpringGreen2', 'SpringGreen3', 
          'SpringGreen4', 'green2', 'green3', 'green4', 'chartreuse2', 'chartreuse3', 
          'chartreuse4',  'OliveDrab1', 'OliveDrab2', 'OliveDrab4', 'DarkOliveGreen1', 
          'DarkOliveGreen2', 'DarkOliveGreen3', 'DarkOliveGreen4', 'khaki1', 'khaki2', 
          'khaki3', 'khaki4', 'LightGoldenrod1', 'LightGoldenrod2', 'LightGoldenrod3', 
          'LightGoldenrod4', 'LightYellow2', 'LightYellow3', 'LightYellow4', 'yellow2', 
          'yellow3', 'yellow4', 'gold2', 'gold3', 'gold4', 'goldenrod1', 'goldenrod2', 
          'goldenrod3', 'goldenrod4',  'DarkGoldenrod1', 'DarkGoldenrod2', 'DarkGoldenrod3', 
          'DarkGoldenrod4', 'RosyBrown1', 'RosyBrown2', 'RosyBrown3', 'RosyBrown4', 
          'IndianRed1', 'IndianRed2', 'IndianRed3', 'IndianRed4', 'sienna1', 'sienna2', 
          'sienna3', 'sienna4', 'burlywood1', 'burlywood2', 'burlywood3', 'burlywood4', 
          'wheat1', 'wheat2', 'wheat3', 'wheat4', 'tan1', 'tan2', 'tan4', 'chocolate1', 
          'chocolate2', 'chocolate3', 'firebrick1', 'firebrick2', 'firebrick3', 
          'firebrick4', 'brown1', 'brown2', 'brown3', 'brown4', 'salmon1', 'salmon2',
          'salmon3', 'salmon4', 'LightSalmon2', 'LightSalmon3', 'LightSalmon4', 'orange2',
          'orange3', 'orange4', 'DarkOrange1', 'DarkOrange2', 'DarkOrange3', 'DarkOrange4',
          'coral1', 'coral2', 'coral3', 'coral4', 'tomato2', 'tomato3', 'tomato4', 
          'OrangeRed2', 'OrangeRed3', 'OrangeRed4', 'red2', 'red3', 'red4', 'DeepPink2', 
          'DeepPink3', 'DeepPink4', 'HotPink1', 'HotPink2', 'HotPink3', 'HotPink4', 
          'pink1', 'pink2', 'pink3', 'pink4', 'LightPink1', 'LightPink2', 'LightPink3', 
          'LightPink4', 'PaleVioletRed1', 'PaleVioletRed2', 'PaleVioletRed3', 
          'PaleVioletRed4', 'maroon1', 'maroon2', 'maroon3', 'maroon4', 'VioletRed1', 
          'VioletRed2', 'VioletRed3', 'VioletRed4', 'magenta2', 'magenta3', 'magenta4', 
          'orchid1', 'orchid2', 'orchid3', 'orchid4', 'plum1',
          'plum2', 'plum3', 'plum4', 'MediumOrchid1', 'MediumOrchid2', 'MediumOrchid3',
          'MediumOrchid4', 'DarkOrchid1', 'DarkOrchid2', 'DarkOrchid3', 'DarkOrchid4',
          'purple1', 'purple2', 'purple3', 'purple4', 'MediumPurple1', 'MediumPurple2',
          'MediumPurple3', 'MediumPurple4', 'thistle1', 'thistle2', 'thistle3', 'thistle4',
          'grey1', 'grey2', 'grey3', 'grey4', 'grey5', 'grey6', 'grey7', 'grey8', 'grey9', 'grey10',
          'grey11', 'grey12', 'grey13', 'grey14', 'grey15', 'grey16', 'grey17', 'grey18', 'grey19',
          'grey20', 'grey21', 'grey22', 'grey23', 'grey24', 'grey25', 'grey26', 'grey27', 'grey28',
          'grey29', 'grey30', 'grey31', 'grey32', 'grey33', 'grey34', 'grey35', 'grey36', 'grey37',
          'grey38', 'grey39', 'grey40', 'grey42', 'grey43', 'grey44', 'grey45', 'grey46', 'grey47',
          'grey48', 'grey49', 'grey50', 'grey51', 'grey52', 'grey53', 'grey54', 'grey55', 'grey56',
          'grey57', 'grey58', 'grey59', 'grey60', 'grey61', 'grey62', 'grey63', 'grey64', 'grey65',
          'grey66', 'grey67', 'grey68', 'grey69', 'grey70', 'grey71', 'grey72', 'grey73', 'grey74',
          'grey75', 'grey76', 'grey77', 'grey78', 'grey79', 'grey80', 'grey81', 'grey82', 'grey83',
          'grey84', 'grey85', 'grey86', 'grey87', 'grey88', 'grey89', 'grey90', 'grey91', 'grey92',
          'grey93', 'grey94', 'grey95', 'grey97', 'grey98', 'grey99']

class Cuadricula(tk.Frame):

    MAX_FILAS = 41

    TAMAÑO_FUENTE = 12

    def __init__(self, ventana):
        tk.Frame.__init__(self, ventana)
        fila = 0
        columna = 0
        panel = tk.Frame(ventana)
        lumcheck = 32768

        for color in COLORES:
            etiqueta = tk.Label(self, text=color, bg=color,
                                width=17,
                                font=("Times",
                                self. TAMAÑO_FUENTE, "bold"))

            colorlum = int(sum(ventana. winfo_rgb(color))/3)
            if colorlum > lumcheck:
                etiqueta.configure(fg="grey4")
            else:
                etiqueta.configure(fg="snow")

            etiqueta.grid(row=fila, column=columna, sticky="ew")
            fila += 1
            if fila > self.MAX_FILAS:
                fila = 0
                columna += 1

ventana = tk.Tk()
alto = ventana.winfo_screenheight()
ancho = ventana.winfo_screenwidth()
ventana.geometry(str(ancho) + "x" + str(alto))
ventana.title("Nombres de colores tkinter")

c = Cuadricula(ventana)
c.pack(expand=1, fill="both")

ventana.mainloop()