Graficación

Modelo de color HSV

Ecured lo define como: "Espacio de color HSV. Representación tridimensional del color basado en los componentes de tinte, matiz o tonalidad (hue, en inglés), saturación (saturation) y brillo o valor (value)."

¿Qué es HSV?

Sensaget, lo define como: "un modelo que define el color en términos de sus componentes, del inglés Hue, Saturation, Value – Matiz, Saturación, Valor - , también llamado HSB (Hue, Saturation, Brightness – Matiz, Saturación, Brillo)."

¿Qué es HSV?

Es una transformación no lineal del modelo RGB en coordenadas cilíndricas de manera que cada color viene definido por las siguientes dimensiones:

  • Tinte o matiz: Ángulo que representa el matiz, normalmente definido entre 0 y 360 grados.
  • Saturación: Nivel saturación del color, dado entre 0 y 1, 0 representa sin saturación alguna (blanco), hasta 1 que sería el matiz en toda su intensidad. Es común también darlo en porcentajes 0%-100%.
  • Brillo: Nivel del brillo entre 0 y 1. 0 es negro; 1, blanco. Al igual que la saturación puede darse en porcentajes entre 0% y 100%. De esta forma el 50% indica el nivel medio o normal del brillo del color.

¿Qué es HSV?

  • Se constituye en coordenadas cilíndricas.
  • El matiz representa los colores RGB. Sus valores van de 0 a 360 grados
  • La saturación la distancia al eje de brillo negro-blanco.
  • El brillo (valor) representa la altura en el eje blanco-negro.

Caracteristicas de HSV

El matiz o tono se puede normalizar usando porcentajes (0 al 100%). Donde, cada valor corresponde a un color. Ejemplos: 0 es rojo, 60 es amarillo y 120 es verde.

Se puede realizar la siguiente transformación para conocer los valores básicos RGB. 

¿Matiz?

Si se dispone de 360 grados dónde se dividen los 3 colores RGB, eso da un total de 120º por color, sabiendo esto podemos recordar que:

  • el 0 es rojo RGB(1, 0, 0),
  • 120 es verde RGB(0, 1, 0) y
  • 240 es azul RGB(0, 0, 1). Para colores mixtos se utilizan los grados intermedios, el amarillo, RGB(1, 1, 0) está entre rojo y verde, por lo tanto 60º.

¿Matiz?

Se puede observar como se sigue la secuencia de sumar 60 grados y añadir un 1 o quitar el anterior:

¿Matiz?

Color Ángulo RGB
Rojo 0-60 1,0,0
Amarillo 60-20 1,1,0
Verde 120-180 0,1,0
Cian 180-240 0,1,1
Azul 240-300 0,0,1
Magenta 300-360 1,0,1

Lo anterior, permite saber los tonos de matices que contienen los colores puros que cantidad (o ninguna) de los colores R, G y B.

Para el color blanco puede poner cualquier matiz y establecer una saturación de 0. Por el contrario, para el color negro se puede poner cualquier color y saturación, siempre que se ponga un valor de 0.

¿Matiz?

Se representa como la distancia al eje de brillo negro-blanco. Los valores posibles van del 0 al 100%. A este parámetro también se le suele llamar "pureza" por la analogía con la pureza de excitación y la pureza colorimétrica de la colorimetría.

Cuanto menor sea la saturación de un color, mayor tonalidad grisácea habrá y más decolorado estará. Por eso es útil definir la insaturación como la inversa cualitativa de la saturación.

¿Saturación?

En otros términos: La saturación es la cantidad de gris en el color, de 0 a 100 por ciento. Reducir la saturación hacia cero para introducir más gris produce un efecto descolorido.A veces, la saturación se expresa en un rango de solo 0–1, donde 0 es gris y 1 es un color primario.

¿Saturación?

En otros términos: La saturación es la cantidad de gris en el color, de 0 a 100 por ciento. Reducir la saturación hacia cero para introducir más gris produce un efecto descolorido.A veces, la saturación se expresa en un rango de solo 0–1, donde 0 es gris y 1 es un color primario.

¿Saturación?

Matiz 100% puro
75 % de saturación
Saturación media
25 % de saturación
0 de saturación

El valor funciona junto con la saturación y describe el brillo o la intensidad del color, de 0 a 100 por ciento, donde 0 es completamente negro y 100 es el más brillante y revela la mayor cantidad de color.

Representa la altura en el eje blanco-negro. Los valores posibles van del 0 al 100%. 0 siempre es negro. Dependiendo de la saturación, 100 podría ser blanco o un color más o menos saturado.

¿Valor / brillo?

El modelo de color HSV se usa al seleccionar colores para pintura o tinta porque HSV representa mejor la forma en que las personas se relacionan con los colores que el modelo de color RGB.

La rueda de colores HSV también se utiliza para generar gráficos de alta calidad. Aunque es menos conocido que sus primos RGB y CMYK, el enfoque HSV está disponible en muchos programas de software de edición de imágenes de alta gama.

 

¿Cómo se usa el HSV?

La selección de un color HSV comienza con la selección de uno de los tonos disponibles, que es como la mayoría de los humanos se relacionan con el color y luego ajustan los valores de brillo y sombra.

¿Cómo se usa el HSV?

Al definirse en 1978, en pleno auge de la televisión a colores, por Alvy Ray Smith, se intentaba, a diferencia de los modelos RGB, YUV, YIQ, representar colores desde un punto de vista más próximo a la percepción humana.

Los otros modelos mencionados asistían eficientemente el problema tecnológico de la representación y trasmisión de imágenes en colores, las asociaciones entre colores que comúnmente suceden en la visión humana, quedaban fuera de los anteriores espacios de color. 

¿Importa el HSV?

HSV viene a ser por tanto, una importante herramienta para el humano que interactúa con las tecnologías de representación de color.

Las versiones antiguas de los telereceptores a colores se disponían de reguladores manuales para estas propiedades, actualmente se han definido en el ajuste de imagen junto al contraste y el brillo, incluyéndose configuraciones de fabricante para la representación de la imagen.

¿Importa el HSV?

El desarrollo de las tecnologías de cómputo, tarjetas gráficas y las aplicaciones de procesamiento de imagen, de diseño asistido por computadoras, vídeo juegos han probado la utilidad de los modelos HSV y preferentemente del HSL para los humanos por su representación más intuitiva del color.

¿Importa el HSV?

La siguiente tabla está basada en la representación de una sección del cono HSV, escogiéndose una tonalidad de 0° (= 360°) de coloraciones derivadas del rojo para este ejemplo.

Se indica el valor en la columna vertical (de 0 a 100%) y la saturación en la fila horizontal.

El nombre sugerido para cada color es una aproximación.

Aprendizaje Activo

Aprendizaje Activo

0 % valor
Negro
20 %
azabache
Wengué
 
40 %
Plomo
Ocre rojo
 
granate
 
60 %
Gris
Secuoya
 
Rojo
Indio
Rojo
Sangre
80 %
Ceniza
Palo
Rosa
Terracota
 
Lacre
 
Escarlata
 
Saturación: 0 %
100 % blanco
20 %
Rosado
40 %
Rosa coral
60 %
Coral
60 %
Rojo Coral
60 %
Rojo

¿Preguntas?

Graficación

By Alfredo de Jesús Gutiérrez Gómez