Paso a paso crearemos la siguiente utilidad para seleccionar colores

Cuando se hace clic sobre cualquiera de los botones Rojo, Verde o Azul

• el fondo del panel central cambia con el color seleccionado
• los deslizadores de las barras de desplazamiento se posicionan según el color seleccionado
• los campos de texto se actualizan con los valores del color seleccionado

Cuando se ajusta el valor de cualquiera de las barras de desplazamiento

• el fondo del panel central cambia de color
• los campos de texto se actualizan

Cuando se escribe sobre los campos de texto

• el fondo del panel central cambia de color
• los cursores de las barras de desplazamiento se posicionan

Para realizar esta utilidad vamos a seguir el estándar RGB (Red, Green, Blue) que consiste

• en crear un color con la combinación de los tres componente Rojo, Verde y Azul.
  • cada componente tiene un rango de valores enteros del 0 al 255. Combinando estos tres componentes se crean una gran cantidad de colores como por ejemplo los colores
    • Rojo: 255, 0, 0
      • 
      • este color tiene el componente Rojo con su valor más alto que es 255 y los componentes Verde y Azul tienen valores 0
        
        
    • Verde: 0, 255, 0
      • 
      • este color tiene el componente Verde con su valor más alto que es 255 y los componentes Rojo y Azul tienen valores 0.
        
        
    • Azul: 0, 0, 255
      • 
      • este color tiene el componente Azul con su valor más alto que es 255 y los componentes Rojo y Verde tienen valores 0.
        
        
    • Negro: 0, 0, 0
      • 
      • este color tiene todos los componentes con valor 0
        
        
    • Blanco: 255, 255, 255
      • 
      • este color tiene todos los componentes con valor 255
        
        
    • Amarillo claro: 250, 250, 208
      • 
    • la combinación de estos tres componentes crea el color amarillo claro