El color, recurso imprescindible del diseño de páginas web (IV)
Hoy finalizamos la serie de posts dedicados al uso del color en el diseño de páginas web, iniciada en el post del 5 de mayo, con la combinación de contrastes, el recurso más frecuente cuando se trata de resaltar textos, y las mejores herramientas para utilizar correctamente el color.
Veamos entonces los distintos contrastes y las posibilidades de combinación de los mismos.
En el caso del contraste de tono, un ejemplo sería poner 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, 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.
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.
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.
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 consiguiéramos suficiente contraste para resaltar el texto (que vemos que no es el caso), la vista no se sentiría cómoda ante la mezcla.
En cuanto a las herramientas útiles para utilizar correctamente el color, os dejo una serie de direcciones donde nos ayudan a seleccionar los colores a utilizar en nuestra web. Son herramientas online que nos hacen el trabajo mucho más cómodo a la hora de elegir combinaciones cromáticas:
http://www.colourlovers.com
http://kuler.adobe.com
http://www.hlrnet.com/colormatch/sp.php
Para terminar, y como final a esta serie de posts, señalo las fuentes empleadas para la redacción de los mismos:
http://es.wikipedia.org
http://www.profesorenlinea.cl
http://www.fotonostra.com
http://www.diariothc.com
http://www.desenredate.com
http://www.monografias.com