HTML Web, tu portal de diseño web
manuales - recursos - gráficos - programación...

Home- Diseño web- El color en la web - 1- 2- 3 - 4 - 5- 6 - 7- 8- 9 - 10- 11

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

Tipos de color.-

Existen principalmente dos formas diferentes de considerar los colores, desde el punto de vista sustractivo y desde el punto de vista aditivo.

El punto de vista sustractivo hace referencia a la forma en que los colores son percibidos por el ojo humano al reflejarse la luz sobre un objeto, lo que produce que éste absorva ciertas longitudes de onda de la misma, reflejando otras, cuya mezcla va a dar lugar al color final del objeto. Este fenómeno es el que se produce en pintura, donde el color final de una zona va a depender de las longitudes de onda de la luz incidente reflejadas por los pigmentos de color de la misma.

Los colores primarios en este caso son el amarillo, el magenta y el cyan, que son los empleados en Pintura y Artes Gráficas. Si mezclamos los 3 colores sustractivos primarios nos darán un sucio marrón que tiende a negro; por esto se les llama sutractivos, porque tienden a sustraer el color blanco de la luz.

Desde el punto de vista aditivo, los colores se perciben como longitudes de onda de la luz que pasan directamente a nuestros ojos, sin ser reflejadas previamente por nigún cuerpo, como es el caso de la luz directamente percibida de una fuente luminosa, como una bombilla, una pantalla de televisión o el monitor de un ordenador.

Los colores primarios pasan a ser entonces el rojo, el verde y el azul. La suma de los 3 da el blanco, y la ausencia de los 3 el negro. Este es el sistema que vamos a usar en diseño web, y por eso el sistema de representación del color que usaremos será el RGB (Red, Green, Blue), que va a definir la cantidad relativa de cada uno de los colores primarios presente un color determinado.

rosa de colores

A partir de la mezcla de colores primarios obtenemos los colores secundarios, y mezclando estos obtenemos los terciarios.

rueda de colores

Como curiosidad, los colores secundarios por adición se corresponden con los primarios en sustracción, y viceversa.

colores primarios aditivos

El ordenador lo que hace cuando le pedimos un color que pertenece a la gama basica de los 216 colores es enfocar sobre el punto de la pantalla correspondiente los tres cañones de colores primarios, dando a cada uno la intensidad adecuada para obtener por mezcla en color final deseado. Pero si el sistema sólo admite 256 colores y le pedimos un color que no es de ellos, lo que hace entonces es pintar juntos en pantalla diferentes puntos de colores de la gama de 216 colores, de tal forma que el resultado aparente a la vista humana es el color deseado. Si cogemos una porción de un color de este tipo y hacemos un buen zoom sobre ella apreciaremos bien este efecto:

simulación de un color
simulación de un color

Otra forma de dividir los colores es en calidos y fríos . Los colores calidos dan sensación de actividad, de alegría, de dinamismo, de confianza y amistad. Estos colores son el amarillo, el rojo, el naranja y el púrpura en menor medida. Los colores fríos dan sensación de tranquilidad, de seriedad, de distanciamiento. Colores de este tipo son el azul, el verde, el azul verdoso, el violeta, cian, aqua, y a veces el celeste. Un color azul acuoso es perfecto para representar superficies metálicas. Verdes oscuros saturados empresan profundidad. 

colores calido y fríos
colores calido y fríos

Otra posible división de los colores en aquella que distingue entre colores claros o luminosos y oscuros . Los claros inspiran limpieza, juventud, jovialidad, como ocurre con amarillos, verdes y naranjas. Los oscuros inspiran seriedad, madurez, calma, como es el caso de los tonos rojos, azules y negro.

colores claros y oscuros
colores claros y oscuros

Una serie de colores aparte es la gama de grises. Estos por naturaleza son colores neutros, formados por igual cantidad de rojo, verde y azul. Así, si queremos obtener un grís sólo tenemos que codificar el color como #QQQQQQ, es decir, los séis caracteres iguales. Los grises son colores idóneos para expresar seriedad, ambiguedad, elegancia, aunque son por naturaleza colores algo tristes.

0 1 2 3 4 5 6 7 8 9 A B C D E F
0                                                
1                                                
2                                                
3                                                
4                                                
5                                                
6                                                
7                                                
8                                                
9                                                
A                                                
B                                                
C                                                
D                                                
E                                                
F                                                
  tabla de grises



NOTA: hay que tener en cuenta siempre que la percepción de un color depende en grán medida del area ocupada por el mismo, siendo muy dificil apreciar el efecto de un color determinado si este se localiza en una zona pequeña, sobre todo si está rodeado de otros colores.



anterior
siguiente

Home- Diseño web- El color en la web - 1- 2- 3 - 4 - 5- 6 - 7- 8- 9 - 10- 11