Los colores en el diseño web

Todos nos hemos preguntado alguna vez qué colores elegir para nuestro sitio web, qué trasmite cada color, qué quiero generar en los visitantes de mi sitio.
Con este post pretendo dar unas pinceladas a este tema tan interesante como extenso.

Los profesionales de estos temas nos dan una serie de consejos y pautas a seguir, nos definen las sensaciones que dan cada color, dónde debemos usarlos y los usos más frecuentes según la temática del blog o web. Yo simplemente os he resumido aquí algunos de los aspectos más importantes a tener en cuenta.

Si os interesa este tema, seguid leyendo...

Leer completo...[+/-]

El color amarillo está vinculado con la inteligencia y la creatividad ya que estimula la actividad mental y los sentimientos de felicidad. Actúa como calmante de ciertos estados de excitación nerviosa. Es un color cálido y genera dinamismo y alegría. Es el color de la luz, el sol, la acción, el poder y la fuerza.

No suele utilizarse para toda la web. En exceso, puede tener un efecto perturbador, inquietante. Se trata de un color muy llamativo por lo que suele utilizarse para llamar la atención del usuario sobre los aspectos más importantes de un diseño. Es muy adecuado para promocionar productos para los niños y para el ocio.


Es el color del cielo y del mar. Transmite seriedad, seguridad y confianza. Estimula la paciencia y la serenidad. Es el color del infinito, de los sueños y de la amistad. También puede relacionarse con el poder de la tecnología, la limpieza, el aire y el agua.

Lo utilizan sitios web que quieren ganar credibilidad ante el usuario. Es muy adecuado para presentar productos relacionados con la limpieza y para promocionar productos de alta tecnología o de alta precisión. También para productos para hombres, aunque no debe asociarse a la alimentación.


Simboliza la pureza, la fe, la paz, la alegría y la pulcritud. Se le considera el color de la perfección. Se le asocia con la frescura y la limpieza porque es el color de la nieve. Útil para mostrar o resaltar otros colores y dar la impresión de sencillez y limpio.

En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad. Se le asocia con hospitales, médicos y esterilidad. Puede usarse por tanto para productos médicos o que estén directamente relacionados con la salud. A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.


El naranja combina la energía del rojo con la felicidad del amarillo. Representa la alegría, la juventud, la creatividad, el calor y el verano. Aumenta el optimismo, la seguridad, la confianza y el equilibrio. Tiene una visibilidad muy alta, por lo que utilizado en pequeñas extensiones es de una gran utilidad pero en grande áreas puede ser demasiado atrevido y puede crear la sensación de agresividad.

Por eso es muy útil para captar atención y subrayar los aspectos más destacados de una web. Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para temáticas de su interés. También para productos alimenticios y juguetes.


Es un color que denota poder, misterio, estilo y elegancia. En diseño web puede dar imagen de sofisticación y aumenta la sensación de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad. Combinado con colores vivos como el rojo o el naranja, produce un efecto agresivo y vigoroso.

Óptimo para sitios web que promocionen productos lujosos o exclusivos. También es muy usado para mostrar galerías de fotos, ya que hace resaltar mucho el resto de colores y contrasta muy bien con los colores brillantes. El gris se vincula a lo elegante, innovador, moderno, futurista, tecnológico, suave y neutral. Al igual que el negro, ayuda a resaltar los demás colores.


El rojo simboliza la pasión, el poder, y también ayuda a estimular la energía, la vitalidad. Es el color del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energía, la fortaleza, así como el deseo y al amor. En grandes áreas puede cansar fácilmente.
Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y avisos de peligro.

Incita al usuario a realizar acciones. Muy utilizado en webs relacionados con productos de compra compulsiva. También se utiliza para provocar sensaciones eróticas. Como está muy relacionado con la energía, es muy adecuado para anunciar coches, motos, bebidas energéticas, juegos, deportes y actividades de riesgo, sitios que pretendan recrear la sensación de excitación.


Asociado a la feminidad y al romanticismo, sugiere calma y tranquilidad, muy útil para crear una atmósfera relajada. Evoca a la primavera, regalos, amistad, simpatía, salud, amor, etc…

Se utiliza en sitios relacionados con la estética y los productos orientados al público femenino.
En los sitios webs suele tender a un tono púrpura o amoratado, más elegante y no tan relacionado con lo femenino.


Es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad, frescura y seguridad. Actúa como relajante y calmante.
Se asocia principalmente a la riqueza y a la ecología. Los sitios relacionados con temas económicos y de entretenimientos lo utilizan bastante. Así como los relacionados con el medio ambiente, turismo rural, actividades al aire libre, productos médicos y salud.

En un tono oscuro es asociado con la riqueza y el dinero, ideal para promocionar productos financieros, banca y economía.