previous next

HSL & RGB

Este capítulo necesita ser leído sólo por aquellos usuarios que deseen entender el uso de los campos Hue, Sat, Lum y  rojo, verde y azul en el área de color texturizado del Selector de Color.







Aquí


 

El cuadro de diálogo "Selección de color" usa dos modelos para especificar colores sólidos: el HSL y el RGB.
 

Modelo de color HSL

HSL (por sus siglas en inglés para: Hue (tonalidad), Saturación, y Luminancia). El cuadro de diálogo para el Selector de Color nos proporciona controles para valores específicos de HSL. La siguiente ilustración nos muestra los controles de espectro y luminancia del cuadro de diálogo y los rangos de los valores que el usuario puede especificar en  esos controles: 


Saturación

Luminancia
Tonalidad

En el cuadro de diálogo "Selección de Color", los valores de saturación y luminosidad deben estar en el rango de 0 hasta 240, y el valor de tonalidad debe situarse en un rango entre 0 y 239.
 

Modelo de color RGB

El modelo RGB se emplea para designar colores para pantallas y otros dispositivos que emitan luz. Los valores válidos para el Rojo, Verde y Azul se encuentran en un rango entre 0 y 255, donde el 0 indica un mínimo de intensidad y el 255 indica una intensidad máxima. La ilustración de la página siguiente muestra cómo los colores primarios: rojo, verde y azul pueden ser combinados para producir cuatro colores adicionales.

 Cian
 Amarillo
Rojo
Blanco
Azul
    Fucsia
 Verde

Ejemplos

Aquí hay ocho colores y sus valores HSL y RGB asociados:

  Color Matiz Sat Lum Rojo Verde Azul
  Rojo 0 240 120 255 0 0
  Amarillo 40 240 120 255 255 0
  Verde 80 240 120 0 255 0
  Cian 120 240 120 0 255 255
  Azul 160 240 120 0 0 255
  Fucsia 200 240 120 255 0 255
  Blanco 0 0 240 255 255 255
  Negro 0 0 0 0 0 0


Escogiendo un color sólido o un color con textura

Hay tres formas de especificar un color utilizando el "área de color texturizado" en el cuadro de diálogo del Selector de Color:

  1. Arrastre el puntero al control de espectro para seleccionar los valores de tonalidad y saturación, y después arrastre el puntero a la barra de luminancia para seleccionar el brillo.
  2. Introduzca los valores para tonalidad, saturación, y luminancia (HSL) utilizando los controles de Hue, Sat, y Lum.
  3. Introduzca los valores de rojo, verde y azul (RGB) utilizando los controles para rojo, verde y azul.

Con el primer método es suficiente para la mayoría de los usuarios. Los otros dos son proporcionados más que nada para aquellos usuarios que tienen valores en HSL o RGB para un color en particular que deseen utilizar en un diseño.

previous next