lunes, 13 de mayo de 2024

HSB. Código hexadecimal. Colores seguros para Web


HSB

Clasifica los colores de acuerdo a tres características básicas: tono, saturación y luminosidad.

· Tono (Hue)

Esta propiedad se refiere a la longitud de onda dominante en la luz emitida o reflejada por un objeto. Para asignar un valor al tono se utiliza una rueda de color normalizada, en la que los tres colores primarios (rojo, verde y azul) y los tres colores secundarios (cyan, magenta y amarillo) se alternan a lo largo de una circunferencia.

Cada color está ubicado en el extremo opuesto a su complementario, es decir, el magenta está en el extremo opuesto al verde, el amarillo al azul y el cyan al rojo. 

El tono se mide en grados, de 0º a 360º, según su posición en la periferia de la rueda de color (de rojo a 0º, amarillo a 60º, verde a los 120º y magenta a los 300º)

Para añadir la proporción de un color en una zona de la imagen, lo que hace es rebajar la cantidad de su complementario.

· Saturación

Es el grado de pureza del color. Un color muy saturado es un color con una tonalidad intensa y pura. Por el contrario, un color poco saturado es el que tiene una tonalidad apagada.

Se expresa en porcentaje y oscila entre el 100%, que corresponde a los colores puros, saturados al máximo y el 0%, que corresponde a los colores apagados en los que ya no se distingue la tonalidad.


En la rueda de color HSB, la saturación se representa a lo largo del radio de la circunferencia. Los colores muy saturados se encuentran cerca del borde y los colores poco saturados son los que están cerca del centro del círculo.

· Luminosidad (brightness)

Describe la cantidad de luz reflejada. Se trata por tanto de una magnitud relativa, que se expresa también en forma de porcentaje, desde el 100% (luminosidad total) hasta el 0% (oscuridad total).

En la imagen se ve cómo evolucionan los colores con la luminosidad, desde los colores poco luminosos, en la parte inferior, hasta los colores muy luminosos, en la parte superior.



  

 

Código hexadecimal de un color

Otra forma de identificar un color por un nombre único para él, es el código hexadecimal.  
El código hexadecimal se expresa por una serie alfanumérica (compuesta por números y letras) de 6 caracteres precedidos por el signo “#”.

Por ejemplo, el color RGB (164, 25, 25) tendría el código hexadecimal #a41919.
Estos 6 caracteres son en realidad 3 grupos de 2 (3 parejas). Cada pareja corresponde a un color básico RGB (rojo, verde y azul, respectivamente): #RRGGBB (= #RRVVAA)

Un código hexadecimal puede tener números del 0-9 y letras de A-F. El negro sería #000000 y el blanco #FFFFFF.




Colores seguros para usar en páginas web.

Es importante saber que cada navegador puede representar el código “a su manera”. Para ello existen los denominados colores seguros, que se representarán igual en todos los navegadores.
En el caso entonces, de que las imágenes vayan a ser publicadas en la Web, se suele marcar la opción Sólo colores Web, que son 216.

 


No hay comentarios:

Publicar un comentario