Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Teoría del color. Propiedades de los colores


Los colores tienen unas propiedades inherentes que les permite distinguirse de otros y acuñar distintas definiciones de tipo de color.


18/5/04 - 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 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.



Todos estos grupos de colores forman paletas armónicas, aptas para ser usadas en composiciones gráficas.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 13 comentarios (Añadir)
+ 26 comentarios no revisados

 Autoría, licencia y acciones sobre este artículo

Informe de Luciano Moreno*
Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario.
URL: http://www.htmlweb.net/

Atención: Contenido exclusivo de DesarrolloWeb.com y HTMLWeb.com. No reproducir. Copyright.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Curso práctico de diseño web

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Guias de diseño


 Comentarios de los visitantes
Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.
Se muestran 13 comentarios revisados

 Comentario de hoover orozco
20/4/05 
LA PREGUNTA NÚMERO 2 PARECE QUE PRESENTA AMBIGUEDAD.NO HAY UNA DEFINICIÓN CLARA PARA ESTABLECER DOBLES COMPLEMENTARIOS

 Comentario de ROBIN MARRIO ESCOBAR
25/4/05 
La pregunta dos será con todos los colores o alguno en particular, no es claro para mí, porque si es así serían doce dobles complementarios, y es cantidad o nombrarlos

 Comentario de juan david
02/6/05 
me parece que algunos terminos la verdad estan un poco saturados con palabras confusas y poco entendibles para`persona s en proceso de aprendizaje.

 Comentario de Jano
26/6/05 
El criterio para usar dobles complementarios se basa en la proporción del uso de estos ¿!? es decir si utilizan los dobles verde/rojo en 80% utilizar el segundo par (con criterio por supuesto) en 20%. Si se tratase de un grafismo v.g. la proporción de colores debe manifestarse en estos porcentajes....

 Comentario de alexander
21/10/05 
muchas gracias, el site está super bueno como para uno que apenas está empezando artes, me sacaron de un lio tremendo, ah! por cierto, está muy claro!besos!!

 Comentario de Pilar Marzal
27/4/06 
Escelente toda la informacion. Me encanta estudiar y saber sobre el color y este articulo me llenó por comleto. Es claro, conciso, de facil comprensión y muy científico

 Comentario de Pilar Marzal
28/4/06 
No entiendo muy bien la definicion de primarios como Cian, alizarina y verde.
¿Se refiere al espectro de luz?. Porque en la paleta solamente puedes manejar todos los colores con amarillo azul y rojo. Con verde y rojo no consigues sino marrón, nunca amarillo.

 Comentario de naty
11/6/06 
Esta buenisimo el curso, pero se han olvidado de una dimension del color fundamental que es la de temperatura. Muy buenos los graficos y todo muy util. Besos.

 Comentario de barbara
19/8/06 
excelente la presentación de la página, excelente la explicación y contenido, y excelentes las imagenes.
les felicito por la página

 Comentario de Susana
25/3/07 
Buenísima la página!!!Me es de gran utilidad.
Realmente no la utilizo en publicidad, sino en pintura realista y es sorprendente lo beneficioso
que es. Muchas gracias.

 Comentario de Miguel Becerra
07/6/07 
El artículo es claro, no veo la manera de que al leerlo nos empaste su explicita explicación. Creo que el laboratorio cromático, sirve para abrir nuestro emiferio derecho, la creación cromática depende de nosotros.

 Comentario de denis giancarlo tanchez franco
19/6/07 
es perfecto que nos podamos adentrar mas en el mundo del color y poder comprender todos sus factores y en especial saber apreciar mas un buena obra de arte sabiendo todos sus temas.

 Comentario de CALVINO Rubén Alberto
10/7/07 
Me parece un trabajo que tiende a ser bastante completo pese a que, no comparto la definición de TONO ni la de MATíZ.

El tono es según el concepto físico, solo intensidad de luz, o en su defecto brillo si es referida a una superficie, pero fundamentalmente
EL TONO ES ACROMATICO y en pintura artística se lo suele presentar como la inversa del valor de sombra en escalas de octavas.
El matíz, básicamente es como aquí se dice COLOR, pero siendo el color el espacio entre dos valores de longitud de onda, los matices de cada color son infinitos como infinitos son los puntos geométricos de ese espacio.

Resumiendo, la diferencia entre MATIZ y TONO radica en que el TONO es algo así como el matíz acromático, es la diferencia de luces en grises,
y mientras no hay dos matices iguales en el espacio cromático, puede haber, y de hecho lo hay en cambio, dos o mas tonos iguales compartidos como valor de brillo o intensidad de luz por colores tan distintos como el rojo y el azul, por ejemplo.

Bueno, reitero que los felicito por el trabajo, me parece muy interesante y vasto, pese a estas diferencias.

Atentamente

CALVINO Rubén

Añadir un comentario al artículo Añadir un comentario del artículo
 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se han encontrado 26 comentarios sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Curso práctico de diseño web
Categorías
+Guias de diseño

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia