El color en la web (VI)
por Luciano Moreno, del departamento de diseño web de BJS Software.

Propiedades de los colores.-

Todo color posee una serie de propiedades que le hacen variar de aspecto y que definen su apariencia final. Entre estas propiedades cabe distinguir:

• Matiz (Hue): es el estado puro del color, sin el blanco o negro agregados, y es un atributo asociado con la longitud de onda dominante en la mezcla de las ondas luminosas. El Matiz se define como un atributo de color que nos permite distinguir el rojo del azul, y se refiere al recorrido que hace un tono hacia uno u otro lado del circulo cromático, por lo que el verde amarillento y el verde azulado serán matices diferente del verde.
  
  Los 3 colores primarios representan los 3 matices primarios, y mexclando estos podemos obtener los demás matices o colores. Dos colores son complementarios cuando están uno frente a otro en el círculo de matices.
  
  

  rueda de matices

  
  
  
• Saturación o Intensidad: se refiere a la viveza o palidez de un color, indica la pureza del mismo y puede relacionarse con el ancho de banda de la luz que estamos visualizando. Los colores puros del espectro están completamente saturados. Un color intenso es muy vivo.
  
  Si a un color, por ejemplo, rojo, lo mezclamos con blanco, no sólo aumentará su valor sino que disminuirá su saturación. Para desaturar un color sin que varíe su valor, hay que mezclarlo con un grís de blanco y negro de su mismo valor. Un color intenso como el azul, perderá su saturación a medida que se le añada blanco y se convierta en celeste. Otra forma de desaturar un color, es mezclarlo con su complementario, esto producirá también su neutralización. Basándonos en estos conceptos podemos definir un color neutro como aquel en el cual no se percibe con claridad su saturación. La intensidad de un color está determinada por su carácter de brillante u apagado.
  
  Esta propiedad es siempre comparativa ya que relacionamos la intensidad en comparación con otras cosas. Lo importante es aprender a distinguir las relaciones de intensidad, ya que muchas veces cambia cuando un color está rodeado por otro.
  
  

  (-60%) FF00FE	(-45%) C53939	(-30%) D92626	(-15%) EC1313	(0%) FF0000
  saturaciones del rojo

  
  
  La relación entre saturación y calidez de un color podemos verla en la siguiente imagen:

  	- saturados
  	+saturados
  frios cálidos

  
  
  
• Valor (value) o Brillo: es la intensidad con más claridad u obscuridad en el color, y se refiere a la cantidad de luz percibida El brillo se puede definir como la cantidad de "oscuridad" que tiene un color, es decir, representa lo claro u oscuro que es un color respecto de su color patrón.
  
  Es una propiedad importante, ya que va a crear sensaciones espaciales por medio del color. Así, porciones de un mismo color con un fuertes diferencias de valor (contraste de valor) definen porciones diferentes en el espacio, mientras que un cambio gradual en el valor de un color (gradacion) da va a dar sensación de contorno, de continuidad de un objeto en el espacio.
  
  El valor es el mayor grado de claridad u obscuridad de un color. Un azul, por ejemplo, mezclado con blanco, da como resultado un azul más claro, es decir, de un valor más alto. También denominado tono, es distinto al color, ya que se obtiene del agregado de blanco o negro a un color base. A medida que a un color se le agrega mas negro, se intensifica dicha oscuridad y se obtiene un valor más bajo. A medida que a un color se le agrega más blanco se intensifica la claridad del mismo por lo que se obtienen valores más altos. Dos colores diferentes(como el rojo y el azul) pueden llegar a tener el mismo tono, si consideramos el concepto como el mismo grado de claridad u oscuridad con relación a la misma cantidad de blanco o negro que contengan, según cada caso.
  
  La descripción clásica de los valores corresponde a: claro (cuando contiene cantidades de blanco); medio (cuando contiene cantidades de gris); oscuro (cuando contiene cantidades de negro).
  
  

  (-60%) C30001	(-30%) E50001	(0%) FF0000	(30%) FF1E1F	(60%) FE3C3A
  brillos del rojo

  
  
  

Estas propiedades del color han dado lugar a un sistema especial de representación de estos, muy usado en los programas gráficos: el sistema HSV (Hue - Saturation - Value). Para expresar un color en este sistema se parte de los colores puros, y se expresan sus variaciones en estas tres propiedades mediante un tanto por ciento.

Podemos usar estas propiedades en la búsqueda de las gamas y contrastes de colores adecuados para nuestras páginas, siendo posible crear contrastes en el matiz, en la saturación y en el brillo, y es tal vez este último el más efectivo.

Con estos conceptos en mente y tomando como base la rueda de colores podemos definir los siguientes grupos de colores, que nos crearán buenas combinaciones en una página web:

• colores complementarios: colores que se encuentran simétricos respecto al centro de la rueda. El Matiz varía en 180 º entre uno y otro.
  
  

  colores complementarios

  
  
  
• colores complementarios cercanos: tomando como base un color en la rueda y después otros dos que equidisten del complementario del primero
  
  

  complementarios cercanos

  
  
  
• dobles complementarios: dos parejas de colores complementarios entre sí.
  
  

  dobles complementarios

  
  
  
• tríadas complementarias: tres colores equidistantes tanto del centro de la rueda, como entre sí, es decir, formando 120º uno del otro.
  
  

  tíadas complementarias

  
  
  
• múltiples: escala de colores entre dos siguiendo una graduación uniforme.
  
  

  múltiples

  
  
  
• mezcla brillante-tenue: se elige un color brillante puro y una variación tenue de su complementario.
  
  

  brillante-tenue