HSB

Es la sigla de «Hue, Saturation, Brightness».

HSB es un modelo de color que define un color mediante tres valores numéricos. Especifica un punto en el círculo cromático y modifica la saturación y el brillo para definir el color final. Muchos programas de diseño gráfico permiten cambiar entre selectores de color RGB y HSB según las necesidades del usuario. HSB también se conoce como HSV, o «Hue, Saturation, Value».

El modelo de color HSB utiliza tres atributos para especificar un color:

• Matiz representa la posición angular en un círculo cromático mediante un número entre 0º y 359º. El rojo está en la parte superior del círculo, en 0º, seguido del amarillo en 60º, el verde en 120º, el cian en 180º, el azul en 240º y el magenta en 300º.
• Saturación representa cuánto de ese matiz está presente en el color final, como un porcentaje de 0 a 100 %. Una saturación del 100 % produce el color más intenso. Una saturación del 0 % produce blanco, negro o un tono de gris, según el atributo Brillo.
• Brillo (o Valor) representa el brillo del color como un porcentaje de 0 a 100 %. Un brillo del 0 % es negro, mientras que un brillo del 100 % produce un color puro (o blanco, si la Saturación es del 0 %).

El modelo de color HSB puede producir la misma gama de colores que el modelo RGB, pero los representa con un formato diferente. Por ejemplo, un color verde claro que utiliza los valores RGB R:141 G:195 B:126 o el valor (hexadecimal #8DC37E) es igual que uno que utiliza los valores HSB de un matiz de 107º, una saturación del 35 % y un brillo del 76 %. Una imagen digital sigue almacenando ese color mediante los valores RGB.

Los diseñadores gráficos suelen utilizar controles deslizantes de color HSB porque son más intuitivos al hacer pequeños ajustes de color. Por ejemplo, para ajustar la saturación de un color, un diseñador puede cambiar a un selector de color HSB y ajustar el control deslizante de saturación una sola vez, en lugar de ajustar tres controles deslizantes RGB separados. La mayoría de los programas de diseño gráfico y edición de imágenes muestran los valores RGB y HSB juntos en sus selectores de color, lo que permite al diseñador hacer ajustes utilizando el modelo de color que mejor se adapte a la tarea.

NOTE: El modelo de color HSB es similar al modelo HSL, que utiliza el mismo cálculo para el matiz, pero cálculos diferentes para la saturación y la luminosidad.