¿Qué es realmente HSB?


10

¿Puede alguno de mis amigos diseñadores gráficos explicarme HSB ? Sé que es matiz / saturación / brillo y sé lo que hacen esos tres (en su mayor parte) ...

Entiendo el algoritmo de crear colores detrás de RGB , pero ¿qué pasa con HSB ? El tono es solo la posición radial de los colores en la rueda de colores, ¿verdad? Pero, ¿qué hacen la saturación y el brillo? (Sé que uno elimina el color (hacia el gris) y el otro aclara u oscurece el color ...) pero ¿qué hacen en la rueda de colores? Hue es la posición radial? Supongo que el brillo dice si la ubicación del color está más cerca del centro de la rueda o más cerca del borde de la rueda, pero entonces ¿dónde entra en juego la saturación?

Además, ¿es negro incluso en la rueda de colores? ¿O es realmente como un cilindro de color donde el centro se desplaza del blanco (en la cara inferior) al negro (en la cara superior) y la saturación elige la z-positionubicación del color?

Lo que realmente estoy tratando de entender es que, con una iluminación diferente, mi piel (suponiendo que sea casi del mismo color) siempre tendrá el mismo tono pero un brillo diferente, y en cámaras con diferente exposición mi piel siempre tendrá el mismo tono pero diferente saturación?

Respuestas:


15

Gran pregunta! Para tomar la última parte primero, el tono de su piel sería el mismo sin importar el brillo de la luz incidente, siempre que el color de la luz no cambiara. Es por eso que "Seleccionar tonos de piel" funciona en Photoshop CS6 y versiones posteriores. En el trabajo de transmisión de video, hay una herramienta de uso común llamada vectorscopio que le demostrará, si alguna vez lo prueba, que TODA la piel humana cae en el mismo rango de tono muy estrecho. Hay una demostración de esto en un excelente video tutorial de Andrew Devis sobre Creative Cow .

En la base, todos los diferentes modelos de color me parecen caer en tres categorías: definir el color como lo describimos , como lo generamos y como lo percibimos .

HSB (también HSV) es una forma de definir el color en función de cómo lo describimos (por ejemplo, "marrón rojizo oscuro"). Este es el que usa una rueda de colores, por cierto, no es lo mismo que la rueda de colores de los artistas. Llegó cuando obtuvimos el color en pantalla, como una forma de tratar de describir el color de manera más intuitiva que con los números RGB.

El tono es la cualidad que podríamos describir como el "color básico" de algo. Se le da un valor angular en la rueda de colores.

La saturación es la "pureza" del color, también conocida como "cromaticidad", especialmente en el trabajo de TV y video. Un amarillo que no puede ponerse más amarillo está completamente saturado. Para desaturar un color, agregue gris (o reste el color dejando gris atrás, elija la descripción que parezca más intuitiva).

El brillo está determinado por la cantidad de negro que se mezcla con el color. No todos los colores se perciben como el mismo brillo, incluso cuando están a plena saturación, por lo que el término puede ser engañoso. El brillo se considera mejor como el eje z de un cilindro de color . Valor es un término mejor, en mi opinión, porque no implica claridad u oscuridad percibidas. Un amarillo completamente saturado a pleno brillo (S 100%, B 100%) es más brillante a la vista que un azul con los mismos ajustes S y B.

Aquí está el cilindro, filmado de Wikipedia:

ingrese la descripción de la imagen aquí

En el selector de color predeterminado de Photoshop, el rectángulo es una "rebanada" del cilindro de color. La barra de tono determina el corte que está mirando, luego, en el rectángulo, la derecha-izquierda cambia la saturación, arriba-abajo cambia el brillo.

RGB , como CMYK, es una especificación mecánica relacionada con la forma en que los dispositivos lo generan . El color que realmente ve para un conjunto determinado de valores RGB depende de la gama de colores (sRGB, Adobe RGB) y el perfil de color y las características físicas del dispositivo en el que se muestra.

L a b es un intento de definir el color en función de cómo lo percibimos realmente , y es la única forma independiente del dispositivo en la que los colores se definen actualmente. El modelo de color Lab cubre todos los colores perceptibles y una amplia gama de colores "imposibles", como "negro amarillo puro". Vea el brillante libro de Dan Margulis, pero brillante " Photoshop LAB Color " para un texto práctico en profundidad sobre el uso de Lab en Photoshop.


L*a*b*El color no es el único espacio de color independiente del dispositivo. sRGBes tan independiente del dispositivo como L*a*b*. Y ambos L*a*b*y sRGBnecesitan un blanco de referencia, no son absolutos. Para un modelo de color verdaderamente independiente, puede usar XYZ. Si realmente quieres saber, lee todo brucelindbloom.com . Se requiere Java para la experiencia completa.
DDS

1

HSB es en realidad mucho más fácil de entender que RGB, por lo que es bueno.

De hecho, escribí una publicación estúpidamente larga explicando HSB , así que estoy citando un poco a partir de ahí, pero intercalando para responder su pregunta más específicamente.

¿Qué es hue? Piensa: "Color del arcoiris"

Hue es un número entre 0 y 360. Se mide en grados, como grados de un círculo (porque whoa, spoiler, los círculos también tienen 360 °). ¿Recuerdas la rueda de colores? Hue está justo donde estás en la rueda de colores.

La rueda de colores: también conocida como la rueda de colores

¿Qué es la saturación? Piensa en "riqueza"

La saturación es un número entre 0 y 100. Entonces, no importa qué tono haya elegido, una saturación del 100% será la versión más rica posible de ese color y una saturación del 0% será la versión gris de ese color (es decir, si el color es claro, será gris claro; si el color es oscuro, será gris oscuro).

¿Quiero ver?

Diversas saturaciones de tonalidad y brillo constantes.

La saturación es bastante simple. A veces pienso en ello como la cantidad de color inyectado en el gris. Entonces, 0% es un gris plano, pero 100% es el color más colorido que su monitor puede hacer.

¿Qué es el brillo? Piensa en una bombilla

El brillo es un número entre 0 y 100. Al igual que la saturación, a veces se escribe como un porcentaje. Este es bastante obvio en cuanto a lo que significa, pero hay una captura rápida.

0% de brillo es negro, sin importar el tono, sin importar la saturación. El 100% de brillo es blanco solo si la saturación también es 0%. De lo contrario, el 100% de brillo es solo un ... color muy brillante. ¿Suena confuso? Piénsalo de esta manera. Imagine Brightness es una bombilla. 0% significa que la bombilla está apagada (tono negro en la habitación). 100% significa que la luz está en plena potencia. Entonces, quizás el 100% de brillo sea un color brillante o, si la luz ya es blanca, entonces el 100% de brillo es blanco puro.

Variaciones de brillo con un tono y saturación constantes.

¿Es negro en la rueda de colores? No, pero está en el cilindro de color.

Una rueda es plana, por lo que está en 2D. El "espacio" HSB de colores tiene tres dimensiones (H, S y B ... ¡sorpresa!), Por lo que es una forma 3D. En nuestro caso, un cono funcionará bien.

Cilindro HSB

El negro es la rueda de colores COMPLETA donde el brillo = 0. Entonces, no importa qué tono tenga, no importa qué saturación tenga, si brillo = 0, está mirando NEGRO.

(Curiosamente, el blanco funciona de manera diferente. El blanco es solo un punto, NO una rueda de colores completa. Para obtener el blanco, debes tener brillo = 100 Y saturación = 0. Dicho esto, hay un sistema de color increíblemente similar al HSB, pero el La única diferencia es que hace opuestos exactos en blanco y negro. Ese sistema se llama HSL - matiz, saturación, ligereza ).

¿Cómo cambia mi tono de piel con la iluminación?

Esta pregunta se responde más a fondo aquí , pero básicamente, el tono, la saturación o el brillo de su piel podrían cambiar con la iluminación.

  • HUE : Si su tono de piel normal está entre 0 ° y 60 °, entonces con una iluminación brillante (blanca), el tono de su piel cambiará hacia el amarillo (tono = 60). En una iluminación más oscura, cambiará hacia el rojo (tono = 0 °).
  • SATURACIÓN : En una iluminación más brillante, su piel tendrá una saturación más baja. Con poca iluminación, tendrá una mayor saturación.
  • BRILLO : en una iluminación más brillante, su piel tendrá un mayor brillo. Con poca luz, tu piel tendrá un brillo más bajo. Pero ... ya lo sabías, ¿no? ;)

¡Espero que ayude!

Puedes encontrar algunos detalles más aquí

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.