Uso de colores en la web
El uso del color en la web es asunto que muchas veces suele dejarse librado al gusto y criterio del diseñador del sitio pero que, sin embargo, ocupa un lugar preponderante en la identidad del mismo. Existen muchas opiniones sobre qué colores utilizar, cómo seleccionarlos y qué resulta más adecuado, pero la realidad es que cada caso de diseño requiere un análisis exhaustivo para que la elección se realice correctamente.

Sin embargo, más allá de lo que se cree, el análisis no es tarea sólo del diseñador, debe realizarse conjuntamente con el comitente para poder lograr un resultado exitoso. El presente artículo tiene como fin, orientar a las personas responsables de encargar el diseño y desarrollo de un sitio web, sobre cuáles son los colores más adecuados a su sitio y por qué es conveniente su uso.
Existen criterios objetivos si se quiere obtener un diseño equilibrado y agradable, que ni estrese ni canse.
Cantidad de colores
Cuando piense en cómo desearía que “se vea” su marca online, debe considerar que en diseño web es recomendable utilizar 3 colores; más de esta cantidad podrían saturar la página y pondría en riesgo la comprensión del mensaje, menos de esta cantidad llevarían a la monotonía, los visitantes podrían aburrirse y abandonar el sitio.
Es entonces importante seleccionar cuidadosamente los colores a emplear, considerando que deberá elegir un color “primario” como tono básico de la página, por lo cual será el color predominante; un color “secundario” para resaltar áreas importantes (módulos destacados, columnas) que por lo general es un color próximo al color primario; y un color “destacado” para resaltar aspectos concretos (enlaces, accesos, ítems), deberá ser un color contrastante, por este motivo deberá usarse con moderación.
Qué color usar y por qué: significado de los colores
- Rojo: es un color altamente visible y considerado emocionalmente intenso por lo cual es usado para estimular a las personas a tomar decisiones rápidas. Se recomienda usarlo en paqueñas propociones, para no generar estridencias. Es muy común verlo en textos e imágenes que funcionan como vínculos o botones de “Comprar Ahora” y “Adiconar al Carrito de Compras”. Generalmente se usa en los sitios web como color “destacado”, es aconsejable no seleccionar este color como color principal.
- Naranja: este color suele usarse para llamar la atención sobre algún elemento particularmente importante del diseño; si bien es un color cercano al rojo, no es tan agresivo como éste. Suele utilizarse como color predominante en sitios relacionados al turismo o empresas jóvenes con una visión de negocio más desestructurada.
- Amarillo: estimula la actividad mental y genera energía; es un color asociado a la vitalidad. Este color es muy usado como color secundario o destacado por su estridencia natural, sin embargo, actualmente es común verlo como color principal en sitios relacionados a e-commerce, o en páginas de comunidades y ONGs.
- Verde: es el color de la naturaleza. Simboliza prosperidad, armonía y fertilidad, sugiere estabilidad. Se usa en sitios relacionados a ecología, finanzas y medicina.
- Azul: es un color asociado a la estabilidad, a la sobriedad y a la seguridad; es por ello que se usa frecuentemente como color principal en sitios de corporaciones tradicionales, grandes empresas consolidadas en el mercado y sitios gubernamentales.
- Negro: está asociado al poder, al estatus y al lujo. Se utiliza principalmente en sitios relacionados a objetos de lujo, orientados a un target de alto poder adquisitivo. Puede verse frecuentemente en sitios de artículos electrónicos de alta gama, bodegas y joyerías.
Conclusión
Cuando se diseña una página web el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes.
Referencias
- Cómo elegir un color óptimo para la web
- El significado de los colores
- Significado de los colores
- El color en la web. Colores y partes de una página
- El uso del color y su significado en el diseño web


















