TEORÍA DE COLOR

Realizar una consulta sobre los temas:
1. Tipos de colores partiendo del circulo cromático: 

Los principios del círculo cromático están basados en los colores primarios rojo, azul y amarillo, mismos que aplicados en pequeños detalles resultan muy acertados y pueden revitalizar y alegrar un espacio demasiado sobrio. Del rojo, azul y amarillo, se desprenden los colores secundarios y terciarios, sumando en total 12 colores cuya combinación de tonos y matices son ilimitados. Utiliza el círculo cromático como base para crear innovadores combinaciones. Éste te será de gran utilidad para elegir y contrastar las distintas gamas de color. En el círculo cromático podemos apreciar cómo la zona, desde el amarillo hasta el rojo constituye el grupo de los colores llamados cálidos y desde el verde hasta el violeta son los fríos, asociado esto a la temperatura de los colores, recurso también utilizado por los artistas. Al mezclar los colores con su vecino inmediato en el círculo cromático, obtendremos los colores análogos según los que se usan en su mezcla: rojo – anaranjado, rojo – violeta, azul – violeta, azul-verde, amarillo-verde. Cada uno de estos colores se coloca a ambos lados del primario cuyo nombre aparece en primer lugar del nombre compuesto.

2. Como se clasifican los colores:

Clasificación de los colores. Los colores, como ya sabemos, están clasificados en grupos de cálidos (amarillos y rojos) y fríos (verdes y azules). 

Colores cálidos: Los colores cálidos en matices claros:cremas y rosas, sugieren delicadeza, feminidad, amabilidad, hospitalidad y regocijo y en los matices oscuros con predominio de rojo, vitalidad, poder, riqueza y estabilidad. Por asociación la luz solar y el fuego al rojo-anaranjado, al amarillo, etc. La distinción entre colores cálidos y colores fríos es bastante corriente. 

Colores fríos: Se los considera por asociación con el agua al azul, violeta y verdoso. Los colores fríos en matices claros expresan delicadeza, frescura, expansión, descanso, soledad, esperanza y paz y en los matices oscuros con predominio de azul, melancolía, reserva, misterio, depresión y pesadez. El clima influye mucho en el gusto por los colores. 

La saturación o croma se refiere a la pureza de un color. Un color complementariamente puro sería producido sólo por una longitud de onda lumínica. Esta condición se advierte más de cerca en los tintes saturados del espectro. Cuando los colores de diferentes longitudes de onda se mezclan, la vibración resultante se hace compleja, y el color, es de un aspecto más desvaído . Cuando más semejantes las longitudes de onda que se mezclan, tanto más saturada será la mezcla.

Colores primarios y secundarios 

Cuando se habla de colores hay que precisar entre colores luz y colores pigmento o materiales. Los colores luz no es otra cosa que la luz que reflejan los cuerpos. A nosotros nos interesan particularmente los colores pigmento, y es a los que nos vamos a referir. 


Colores primarios. 
Son aquellos colores que no pueden obtenerse mediante la mezcla de ningún otro por lo que se consideran absolutos, únicos, siendo estos amarillo, cián y magenta, aunque hay que advertir que el cián es un color que no existe en las cartas de colores para artistas, siendo este propio de las artes gráficas y la fotografía, por lo que los colores primarios considerados por el pintor, normalmente no coinciden con los colores primarios usados en la teoría del color, adoptando varias soluciones y entre ellas, una de las posibles, sería usar, como colores primarios en acuarela, un amarillo medio, el azul cerúleo y el carmín de garanza. 

Colores secundarios. 
Son los que se obtienen mezclando dos los colores primarios al 50 %, obteniendo: Verde (S), violeta (S) y naranja o anaranjado (S).

Colores intermedios. 
Mezclando un primario y un secundario se obtienen los llamados colores intermedios (I), que como su nombre indica están"entre medio" de un color primario (P) y un secundario (S) o viceversa. Otra característica de estos colore es que se denominan con los colores que intervienen en su composición, primero citando el color primario y a continuación el secundario: amarillo-verdoso, azul-verdoso, azul-violeta, rojo-violeta, rojo-anaranjado y amarillo-anaranjado. 

3. Que es el sistema RGB:

RGB es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores de luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.

4. Propiedad de los colores:

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 diferentes del verde. 

Los 3 colores primarios representan los 3 matices primarios, y mezclando 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 (círculo cromático). 

Saturación o Intensidad 

También llamada Croma, este concepto representa la pureza o intensidad de un color particular, la viveza o palidez 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. Cuanto más se satura un color, mayor es la impresión de que el objeto se está moviendo. 

También puede ser definida por la cantidad de gris que contiene un color: mientras más gris o más neutro es, menos brillante o menos "saturado" es. Igualmente, cualquier cambio hecho a un color puro automáticamente baja su saturación. 

Por ejemplo, decimos "un rojo muy saturado" cuando nos referimos a un rojo puro y rico. Pero cuando nos referimos a los tonos de un color que tiene algún valor de gris, los llamamos menos saturados. La saturación del color se dice que es más baja cuando se le añade su opuesto (llamado complementario) en el círculo cromático. 

Para desaturar un color sin que varíe su valor, hay que mezclarlo con un gris 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, ya que produce 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 claro o 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 ésta muchas veces cambia cuando un color está rodeado por otro. 

Valor o Brillo (Value) 

Es un término que se usa para describir que tan claro u oscuro parece un 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 (gradación) 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 oscuridad 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) y oscuro (cuando contiene cantidades de negro). Cuanto más brillante es el color, mayor es la impresión de que el objeto está más cerca de lo que en realidad está. 

Estas propiedades del color han dado lugar a un sistema especial de representación de estos, tal como hemos visto en el apartado anterior, sistema HSV. 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. 

Grupos de colores 

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 acromáticos : aquellos situados en la zona central del círculo cromático, próximos al centro de este, que han perdido tanta saturación que no se aprecia en ellos el matiz original. 

Colores cromáticos grises : situados cerca del centro del círculo cromático, pero fuera de la zona de colores acromáticos, en ellos se distingue el matiz original, aunque muy poco saturado. 

Colores monocromáticos : variaciones de saturación de un mismo color (matiz), obtenidas por desplazamiento desde un color puro hasta el centro del círculo cromático. 

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 cercanos : tomando como base un color en la rueda y después otros dos que equidisten del complementario del primero. 

Dobles complementarios : dos parejas de colores complementarios entre sí. 

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

Gamas múltiples : escala de colores entre dos siguiendo una graduación uniforme. Cuando los colores extremos están muy próximos en el círculo cromático, la gama originada es conocida también con el nombre de colores análogos. 

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

5. Descripción de cada uno de los significados del color:

Rojo .-   es un color que parece salir al encuentro, adecuado para expresar la alegría entusiasta y comunicativa. es el mas excitante de los colores, puede significar: pasión, emoción, acción, agresividad, peligro.

Azul .-   es un color reservado y que parece que se aleja. puede expresar: confianza, reserva, armonía, afecto, amistad, fidelidad, amor.

Verde .-   reservado y esplendoroso. es el resultado del acorde armónico entre el cielo -azul- y el sol -amarillo- . es el color de la esperanza. y puede expresar: naturaleza, juventud, deseo, descanso, equilibrio.

Amarillo .-   irradia siempre en todas partes y sobre toda las cosas, es el color de la luz y puede significar: egoísmo, celos, envidia, odio, adolescencia, risa, placer.

Anaranjado .-   es el color del fuego flameante, ha sido escogido como señal de precaución. puede significar: regocijo, fiesta, placer, aurora, presencia de sol.

Rosa .-   el dicho popular: "lo ves todo de color de rosa", refleja fielmente su significado: ingenuidad, bondad, ternura, buen sentimiento, ausencia de todo mal.

Violeta .-   es el color que indica ausencia de tensión. puede significar: calma, autocontrol, dignidad, aristocracia y también violencia, agresión premeditada, engaño.

Blanco .- es la luz que se difunde (no color). expresa la idea de: inocencia, paz. infancia, divinidad, estabilidad absoluta, calma, armonía. para los orientales es el color que indica la muerte.

Negro .- es lo opuesto a la luz, concentra todo en si mismo, es el colorido de la disolución, de la separación, de la tristeza. puede determinar todo lo que está escondido y velado: muerte, asesinato, noche. también tiene sensaciones positivas como: seriedad, nobleza, pesar.

Gris .- es el color que iguala todas las cosas y que deja a cada color sus características propias sin influir en ellas, puede expresar: desconsuelo, aburrimiento, pasado, vejez, indeterminación, desanimo.

La mayoría de las veces no somos conscientes de qué forma puede afectarnos que el objeto que estamos observando sea de un color u otro. Pero no ocurre lo mismo con las estrategias de marketing. Pero la gente que trabaja en agencias de marketing y publicidad, los asesores de imagen de empresa, los diseñadores industriales y de moda, etc., son bien conscientes de ello, y utilizan los colores para asociarlos coherentemente al tipo de producto que quieren hacer llegar. Por ello es importante tener una idea de los significados de los colores y ser conscientes de lo que nos muestran. 

6. Aplicación del color de acuerdo a las parte de una página web:

1. 1. s lo más frecuente, sobre todo cuando se trata de resaltar textos.
      

      Esto es un texto

      En este caso se ha utilizado un Contraste de Tono, poniendo un lienzo violeta y el texto en turquesa, que es complementario adyacente del primero, por lo que la combinación debería aportar suficiente contraste de color.
      Sin embargo, vemos que para el caso de textos, no es así: la combinación no aporta suficiente contraste y leer el texto cansa la vista (sobre todo si fuera un párrafo largo). Aunque la mezcla es natural y no es desagradable, no es adecuada para textos.

      Esto es un texto

      En este segundo caso, al contraste de color inicial le hemos añadido Contraste de Luminancia, oscureciendo el background e iluminando el foreground. La combinación de ambos contrastes aumenta sensiblemente la legibilidad del texto.

      Esto es un texto

      Los colores tienen unas características naturales de luminosidad. Así el turquesa o azul mar es naturalmente más claro que el rojo violáceo. Habida cuenta que son complementarios, la mezcla funciona bien y aporta suficiente contraste.

      Esto es un texto	Esto es un texto

      Sin embargo, invertir las relaciones naturales entre colores no funciona. Aportando contraste de luminancia y de saturación simultáneamente conseguimos oscurecer el turquesa y aclarar el crimson pero, aunque consiguieramos suficiente contraste para resaltar el texto (que vemos que no es el caso), la vista no se sentiría cómoda ante la mezcla.
   
   
2. Los colores y el texto:
   Como acabamos de comentar usar convenientemente el contraste es especialmente importante cuando se trata de escribir texto y resaltarlo suficientemente para garantizar su legibilidad a la totalidad de nuestros usuarios.
   Pero no sólo es una cuestión de contraste. Hay combinaciones de colores que:
   • Son especialmente conflictivas para usuarios con disfunciones en la vista
   
   
3. Ceguera al color:
   Hay múltiples tipos de disfunciones en la visualización de los colores, como describimos en nuestra página de los colores. Sin embargo a efectos de accesibilidad sólo necesitamos preocuparnos de los daltónicos, grupo que constituye la inmensa mayoría de los que sufren alteraciones en la percepción del color.
   Pensando en ellos, deberemos tratar de evitar siempre las combinaciones de texto en cualquiera de las variedades del verde sobre fondos rojizos, áreas con motivos en este color predominante, etc., y biceversa. Independiente de la luminosidad o saturación de los colores.