COLORES WEB
¿CONOCES LOS COLORE WEB?
▧Los colores web son aquellos colores que aparecen en una
página web. Se pueden basar sobre los sistemas de color RGB o
HSL. En el código CSS (y antiguamente en HTML) son
especificados como valores numéricos, aunque hay algunos
colores que son nombrados por nombres propios en inglés.
COLORES ADITIVOS COLORES SUSTRACTIVOS
COLORES ADITIVOS o RGB
▧La paleta de colores RGB (RVA en
español) consta, básicamente, de tres
colores primarios aditivos:
Rojo, Verde, Azul.
▧Estos colores primarios aditivos, en
HTML, están representados por tres pares
hexadecimales del tipo 0xHH-HH-HH según
el siguiente formato: (los colores básicos o
primarios, no aquellos que son resultantes
de mezclas).
COLORES SUSTRACTIVOS O CMY
▧Además de estos tres colores primarios aditivos (RVA), existen
tres colores primarios sustractivos o CMY (CMA en español):
Cian, Magenta, Amarillo. Estos colores surgen de la
siguiente combinación (mezcla) de los primarios aditivos:
▧Cian = Verde + Azul
▧Magenta = Azul + Rojo
▧Amarillo = Rojo + Verde
TABLA DE COLORES
A que se refiere con
los
¿códigos en el color?
¿Cuáles son los códigos de color de HTML ?
▧Los códigos de colores son formas de representar los colores que
vemos cada día en un formato que un ordenador puede interpretar
y mostrar. Comúnmente utilizado en sitios web y otras aplicaciones
de software, hay una gran variedad de formatos, incluidos los
códigos de color HEX, RGB y HSL valores y nombres de colores
HTML, entre otros.
LOS CÓDIGOS DE COLOR HEX
▧Los más populares son los códigos Hex de color; tres bytes
números hexadecimal (es decir, compuesto de seis dígitos), con
cada byte, o de un par de caracteres en el código Hex, que
representa la intensidad de rojo, verde y azul en el color,
respectivamente.
▧#XX XX XX
CÓDIGO HSL
▧El modelo HSL (Matiz, Saturación, Luminosidad), basado en el
trabajo del pintor Albert [Link] (quien creó el Munsell Atlas), es
un modelo de representaciones considerado "natural", ya que se
acerca bastante a la percepción fisiológica del color que tiene el ojo
humano. En efecto, el modelo RGB (rojo, verde, azul) puede
resultar adecuado para la representación de colores en el equipo o
para su presentación en dispositivos de visualización, pero no
permite seleccionar los colores con facilidad.
CODIGO HSL
▧El modelo HSL consiste en descomponer el color según criterios
fisiológicos:
▧Matiz, que corresponde a la percepción del color (una camisa
malva o anaranjada),
▧Saturación, que describe la pureza del color, es decir, la
intensidad o palidez del mismo (una camisa nueva o descolorida),
▧Luminosidad, que indica la cantidad de luz del color, es decir, el
grado de claridad u oscuridad de un color (una camisa en el sol o
en la sombra).
MUNSELL ATLAS
▧El gráfico siguiente es una representación del modelo HSL, donde
el color se representa mediante un círculo cromático, y la
luminosidad y la saturación se representan mediante dos ejes:
La notación HSL se basa en tres componentes de la luz:
Saturación
▧Saturación (Saturation): indica el porcentaje del color anterior
que va a aparecer en la mezcla. Va de 0% (solo grises, nada de
color) a 100% (color completo). Por ejemplo, esta es la variación
completa de saturación para el color rojo:
Luminosidad
▧Luminosidad (Lightness o Luminance): representa la claridad
del color también con un porcentaje, siendo 0% oscuridad total
(negro, independientemente de los otros componentes HSL) y
100% claridad absoluta (blanco). Por ejemplo, esta es la variación
completa de luminosidad para el color blanco:
EJEMPLO
