{"id":403,"date":"2015-02-10T12:49:30","date_gmt":"2015-02-10T12:49:30","guid":{"rendered":"https:\/\/www.jimdo.com/es/blog\/?p=403"},"modified":"2020-11-02T19:05:22","modified_gmt":"2020-11-02T17:05:22","slug":"colores-paginas-web","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/","title":{"rendered":"C\u00f3mo elegir los colores para tu p\u00e1gina web"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">1.<strong>\u00a0La psicolog\u00eda del color en el dise\u00f1o web<\/strong><\/h2>\n\n\n\n<p><strong>Los colores son todopoderosos<\/strong>. No solo influyen en los sentimientos, sino tambi\u00e9n en las acciones de las personas. La psicolog\u00eda del color puede ayudar a fortalecer tu marca, conseguir ventas y guiar a los visitantes a p\u00e1ginas o acciones concretas dentro de tu web. En este apartado te ense\u00f1amos cu\u00e1l es el significado detr\u00e1s de cada color y cu\u00e1ndo debes emplearlo o evitarlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del rojo<\/strong><\/h3>\n\n\n\n<p>El color rojo puede aumentar las pulsaciones y acelerar la respiraci\u00f3n. Se asocia con emoci\u00f3n, pasi\u00f3n, amor, energ\u00eda y movimiento. Tambi\u00e9n puede tener asociaciones negativas, incluidos la guerra, la violencia, el fuego y el peligro.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: para llamar la atenci\u00f3n hacia algo o crear expectativa. El rojo puede ser bueno para <a href=\"https:\/\/www.jimdo.com\/es\/pagina-web\/restaurante\/\">p\u00e1ginas de restaurantes<\/a>, <a href=\"https:\/\/www.jimdo.com\/es\/pagina-web\/blog-de-moda\/\">blogs de moda<\/a> o <a href=\"https:\/\/www.jimdo.com\/es\/pagina-web\/deportes\/\">webs deportivas<\/a>.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: no lo uses demasiado. Demasiada emoci\u00f3n puede ser mala. El rojo normalmente no se recomienda para art\u00edculos de lujo, elementos relacionados con la naturaleza o p\u00e1ginas profesionales.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/ZU5A_QcZj8RSQWpfM4_M69l5a0UoxsJ_3piX7yhw1G7GQF5_dXE1QbJPbgozWgKnWuFnqar9gxQiooVioUbP-BUVElnnFlsIZsDV7Q1oCE23nBalOTAeZsCk3rbZCjJoD1u0_w9d\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el rojo como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del amarillo<\/strong><\/h3>\n\n\n\n<p>El amarillo es el color m\u00e1s luminoso. Se asocia con competitividad, felicidad, alegr\u00eda, optimismo y juventud. Por otro lado, el amarillo tiene connotaciones negativas como la cobard\u00eda, el enga\u00f1o y la vulgaridad.<\/p>\n\n\n\n<ul class=\"wp-block-list\" start=\"2\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: usa el amarillo fuerte (no demasiado) para animar a tus visitas o crear una sensaci\u00f3n de felicidad. Usa tonos m\u00e1s suaves de amarillo para brindar una sensaci\u00f3n de felicidad m\u00e1s calmada. El amarillo puede dar muy buenos resultados para los botones de llamada a la acci\u00f3n.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: el amarillo puede resultar muy saturador si abusamos de \u00e9l. En ocasiones puede cansar la vista, por lo que debes aplicarlo con moderaci\u00f3n. Un tono no apropiado puede resultar muy agresivo a nivel visual.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/pdd-hKAvMADi--ZdlEWdVcybXvFAnkX5LzAF3oCtWDKa5iyfDEEyJamIR9e3SMAyS8ciLHhp0SLevY_E-ikaddmT01Oe_5l0pgMgaF127bNC0D2-dpyuzrj8S1SJNu2dnjxfYUXB\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el amarillo como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del naranja<\/strong><\/h3>\n\n\n\n<p>El naranja es un color energ\u00e9tico y lleno de vida, asociado con diversi\u00f3n, felicidad, energ\u00eda, calor, ambici\u00f3n, emoci\u00f3n y entusiasmo. Tambi\u00e9n puede comunicar cautela.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: para llamar la atenci\u00f3n a tus llamadas a la acci\u00f3n (suscripciones, compras, etc.), ventas u otro contenido que quieras que destaque. Es una buena opci\u00f3n para las tiendas, automoci\u00f3n, tecnolog\u00eda, entretenimiento, comida y cuidado de ni\u00f1os.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: aunque el naranja es un poco menos intenso que el rojo, puede resultar igualmente saturador. No abuses de \u00e9l.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/29nzbftBzg3y2IoYxbqJFfNh8PcmXTr1iQFEmenqYRfKy7org-0-RFe72zKB7Kct0XXs350dk1uurWHhazsfQyihYN7ASN5-O2u8TVZvmzzBW1u5yKNtOvDyOvL0Fpy64W37GJQd\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el naranja como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del verde<\/strong><\/h3>\n\n\n\n<p>El verde tiene un efecto arm\u00f3nico. Se asocia con crecimiento, salud, naturaleza, bienestar, dinero, calma, masculinidad, generosidad, fertilidad, envidia, buena suerte, paz y energ\u00eda.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: el verde es el color que los ojos procesan mejor. Util\u00edzalo para crear un efecto relajante o de calma, o representar nuevos comienzos, naturaleza o bienestar. Es una gran opci\u00f3n para tu <a href=\"https:\/\/www.jimdo.com\/es\/pagina-web\/blog-de-viajes\/\">blog de viajes<\/a>.&nbsp;<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: es menos apropiado para bienes de lujo, tecnolog\u00eda o contenido dedicado a adolescentes.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/mzGqQ0DaN6aR13FwhupW5C6PNfIcVJoErlfngrgh5OeJ1csPlK9Vog1l-IBuuvvafhKZfUO-udKrsu6kLkBU1iFH3fXNr2yVwwiHN8utrtDK1FedjpQcX__OQa9qAa5zxJwykoM-\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el verde como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del azul<\/strong><\/h3>\n\n\n\n<p>El azul se asocia con masculinidad, eficacia, calidad, calma, seriedad, fortaleza, sabidur\u00eda, lealtad, fuerza, productividad, confianza y seguridad. El azul fuerte puede ser refrescante y energ\u00e9tico.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: el azul suele asociarse con empresas grandes y bancos porque no es invasivo y se asocia con la seriedad. Es bueno para temas de salud, tecnolog\u00eda, medicina, ciencia, pol\u00edtica y servicios p\u00fablicos.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: algunos tonos de azul (sobre todo los m\u00e1s oscuros), o bien usar mucho azul, puede darle a tu p\u00e1gina un aspecto fr\u00edo y poco atractivo. El azul tambi\u00e9n puede reducir el apetito, por lo que debes tener cuidado si tu contenido tiene que ver con comida.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/9s7TmB9bkQn7NePPbs0E1dfVsVCl9dUyFKdvJo-_q3ZlfHz6NaYpxoy8YAxETpr5BljWXEfWLTM_KYstFdC4MocsG_t5DXnHcBhGLgC1r2krmut_Bism20KER0-K3NLm67koBVtJ\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el azul como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del morado<\/strong><\/h3>\n\n\n\n<p>El morado se asocia con la realeza. Puede emplearse para transmitir creatividad, imaginaci\u00f3n, autoridad, sofisticaci\u00f3n, poder, riqueza, prosperidad, misterio, sabidur\u00eda y respeto.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: usa tonos oscuros de morado para crear una sensaci\u00f3n de lujo y riqueza, y los tonos m\u00e1s claros para felicidad y romance. El morado tambi\u00e9n puede ser perfecto para productos de belleza, astrolog\u00eda, masaje, yoga, salud, espiritualidad y contenido relacionado con chicas adolescentes y marcas femeninas.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: el morado puede ser relajante, lo cual normalmente es una mala opci\u00f3n para llamar la atenci\u00f3n. Utilizar tonos oscuros puede hacer que tu p\u00e1gina se vea oscura y distante.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/uxs_zOh0KnoAw8XjUTHk68xzxHuHdfebOywCb9dOq1f0Ay8bO_Dh5zRD3OIU8V8BHhdaxGD3vy8cQxlnAThNHDuL-pxmPqGwdc8Em4LMDw1c1OJsW1Uz-iaJ9iCb385okSLSQz8Z\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el morado como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del marr\u00f3n<\/strong><\/h3>\n\n\n\n<p>El marr\u00f3n es un color natural y c\u00e1lido asociado con tierra, aspereza, fiabilidad, estabilidad, amistad y naturaleza.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: el marr\u00f3n puede usarse para estimular el apetito (como el caf\u00e9 y el chocolate), lo que lo hace apropiado para el contenido alimentario. Tambi\u00e9n puede venir bien para contenido de animales, veterinarios y finanzas. El marr\u00f3n normalmente se emplea para fondos.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: el marr\u00f3n puede ser aburrido y demasiado conservador. No se recomienda para llamar la atenci\u00f3n y no deber\u00eda aplicarse en botones de llamada a la acci\u00f3n.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/fPkMD12Oblqrc3uJ3WjisurG9b15x1FChZlMKmBZLfHg-JG7ltD9dAr9FeXyC_yB0CweI7xce-Q3cYPNDLPi7NXen-k3WYV__qLWIb9xjKG-wb33Q7Qf_b1Hp-yVwQBPXHg9rOFh\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el marr\u00f3n como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del negro<\/strong><\/h3>\n\n\n\n<p>El negro es un color fuerte asociado con sofisticaci\u00f3n, elegancia, autoridad, poder, estabilidad, fuerza, formalidad e inteligencia. Tambi\u00e9n puede simbolizar la muerte, el misterio, la maldad y la rebeli\u00f3n.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: seg\u00fan los colores con los que lo combines, el negro puede ser elegante y tradicional, o moderno y puntero. Sirve muy bien para productos de lujo, moda, marketing y cosm\u00e9ticos.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: demasiado negro puede resultar molesto. El negro tambi\u00e9n puede percibirse como amenazante o malvado, y hacer que la gente se sienta inc\u00f3moda o asustada.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/KCx2xf7BR6UH_MxAf7W2WriHlkD8D4X9FHf4p8g6tM8lnsyKTzvLQV2-u15yp_FufuFZVaB1PAqwXzDAdDuIHqOgfljAyzIuwd51q-ecsMsPfuCyLT2Xp-fATFJxyP4eZxomHD7I\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el negro como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del blanco<\/strong><\/h3>\n\n\n\n<p>El blanco se asocia con pureza, limpieza, felicidad, sinceridad y seguridad.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: el blanco se relaciona con m\u00e9dicos, enfermeros y dentistas, lo que lo hace un gran color para las p\u00e1ginas dentro de la industria de la salud. Tambi\u00e9n funciona para p\u00e1ginas de tecnolog\u00eda y ciencias. Cuando se combina con negro, oro, plata o gris, el blanco tambi\u00e9n puede emplearse para bienes de lujo.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: dado que el efecto del blanco depende en gran medida de los colores que lo acompa\u00f1an, en teor\u00eda puede utilizarse para cualquier tipo de p\u00e1gina.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/9STToCzrfNC3QUhW6FV-xEmDixQY_ghwWpnH2Jz68j9PwjnTsZnabqc0_Xf2vHTVWfm2oR8LNVGFhPhIgO9fL8NxJyfXiUqDn2WDACy2VMbCTWdc9MjZFVWeDNOyq0dHx1QB59qV\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el blanco como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del gris<\/strong><\/h3>\n\n\n\n<p>El gris se asocia con formalidad, profesionalidad, sofisticaci\u00f3n, atemporalidad y car\u00e1cter fuerte.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: es perfecto para p\u00e1ginas profesionales, como <a href=\"https:\/\/www.jimdo.com\/es\/pagina-web\/fotografia\/\">webs de fotograf\u00eda<\/a> o bienes de lujo, o para crear un efecto calmante de equilibrio.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: algunos tonos de gris pueden resultar aburridos y sin personalidad. El gris no es un buen color para llamar la atenci\u00f3n de la gente.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/Uwn_8DepqpWx-0dfyBPACAHbXGRzYT431x0R_afjG_J3rn_qKss9t8YPWUax9InH8OcnRqpkIs2i7e8dc_ffYx7_3p1xdZ1pX7Rl8FeH725KtoYC1Jdyc8Az5oAntqskbwJCo1HU\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el gris como color principal\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La psicolog\u00eda del rosa<\/strong><\/h3>\n\n\n\n<p>Aunque el rosa es un tono de rojo, tiene asociaciones espec\u00edficas m\u00e1s all\u00e1 de las del rojo. El rosa representa sofisticaci\u00f3n, sinceridad, romance y amor. No tiene las notas violentas del rojo, y puede ser bastante apacible.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cu\u00e1ndo usarlo<\/strong>: el rosa es \u00f3ptimo para productos o p\u00e1ginas dirigido a mujeres y chicas adolescentes, como <a href=\"https:\/\/www.jimdo.com\/es\/pagina-web\/blog-estilo-de-vida\/\">blogs de estilo de vida<\/a>.<\/li><li><strong>Cu\u00e1ndo no usarlo<\/strong>: el rosa fucsia puede resultar muy chill\u00f3n, y los tonos m\u00e1s claros pueden ser muy dulces o sentimentales para algunas p\u00e1ginas.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/HXlDVw1IVLSy9QAG01OmSySAET6OmylBdXRTedUNOBY1Jnm8SVy_SLxSiebjqDBRA_taLpZ80gTpffr99-iv445DaJdQnaQ3R427sWG_1_E5GXvDc5Yunsc_wrPSIPUAn-2ctWWP\" alt=\"Ejemplo de una p\u00e1gina web que utiliza el rosa como color principal\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. Reglas para reforzar tu marca con los colores de tu sitio web<\/strong><\/h2>\n\n\n\n<p>El dise\u00f1o de una p\u00e1gina web se basa no solo en la composici\u00f3n o en las formas sino tambi\u00e9n en la combinaci\u00f3n de colores. Muchos publicistas incluso indican que la asociaci\u00f3n de los colores a una marca es tan fuerte que una mala combinaci\u00f3n puede llevar al fracaso.<\/p>\n\n\n\n<p>Hay que saber elegir los colores cuidadosamente, pues un visitante decide en cuesti\u00f3n de segundos si se queda o no en la p\u00e1gina web. Aunque no hay reglas absolutas, tener en cuenta algunas directrices puede ayudarnos a encontrar un dise\u00f1o arm\u00f3nico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Identifica el p\u00fablico objetivo de tu p\u00e1gina web<\/strong><\/h3>\n\n\n\n<p>La importancia de elegir colores en base al p\u00fablico al que nos dirigimos radica en que la mayor\u00eda de los colores est\u00e1n asociados a determinados grupos. La p\u00e1gina, ante todo, tiene que atraer y convencer a los usuarios que visitan el sitio. Es por eso que hay que seleccionar colores con los que se sientan identificados.<\/p>\n\n\n\n<p>Si el p\u00fablico al que queremos llegar es a un p\u00fablico masculino, podemos utilizar colores oscuros (como grises o negros) o colores fr\u00edos (azules y verdes). El p\u00fablico femenino se identifica m\u00e1s con los colores como violeta o p\u00farpura; mientras que el p\u00fablico joven se identifica m\u00e1s con colores planos y llamativos como el naranja o el verde.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Enciende las emociones<\/strong><\/h3>\n\n\n\n<p>Una de las propiedades de los colores es la de transmitir sensaciones. Los colores estimulan nuestro cerebro y nos evocan tranquilidad, seguridad, confianza, pasi\u00f3n, misterio&#8230; Esto es muy interesante desde el punto de vista del marketing, ya que no es necesario dar argumentos para convencer sobre las propiedades o beneficios de un producto o servicio.<\/p>\n\n\n\n<p>Sin embargo, aseg\u00farate de aplicar los colores consciente de tu p\u00fablico objetivo, ya que ciertas asociaciones tienen un fundamento cultural. Por ejemplo, vestir de negro es ir de luto en nuestra sociedad, mientras que en India el color del luto es en blanco. Tenlo en cuenta en las relaciones internacionales de tu negocio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. \u00bfQu\u00e9 colores seleccionar?<\/strong><\/h3>\n\n\n\n<p>Otro de los aspectos a la hora de escoger los colores para nuestra marca y para nuestra p\u00e1gina web es el equilibrio. La armon\u00eda de colores y el equilibrio hace que un dise\u00f1o sea m\u00e1s o menos efectivo. \u00bfPero qu\u00e9 colores tenemos que seleccionar? Por lo general, se recomiendan respetar una de estas reglas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Colores de la misma gama crom\u00e1tica; es decir, diferentes tonos de un mismo color.<\/li><li>Colores complementarios; aquellos situados pr\u00f3ximos en la gama crom\u00e1tica.<\/li><li>Colores opuestos: son aquellos situados justo en el lado opuesto de la gama crom\u00e1tica y que ayudan al contraste.<\/li><li>Otra de las recomendaciones es no abusar de los colores: dos o tres es suficiente y siempre es bueno que haya un color predominante.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Efectividad del color: el contraste<\/strong><\/h3>\n\n\n\n<p>El contraste de color se produce al combinar dos colores que no est\u00e1n relacionados. Esto permite, por ejemplo, resaltar textos o im\u00e1genes. Combina colores claros y colores oscuros para lograr este efecto visual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Composici\u00f3n y peso de colores<\/strong><\/h3>\n\n\n\n<p>Gracias a los colores y a las formas podemos dirigir la mirada de la visita y as\u00ed resaltar determinados elementos.<\/p>\n\n\n\n<p>En la composici\u00f3n se dice que los colores c\u00e1lidos, oscuros o tierras, pesan m\u00e1s que los colores fr\u00edos, claros o pesados. Busca la armon\u00eda y el equilibrio justo en el dise\u00f1o de tu web.<\/p>\n\n\n\n<p>Para ello puedes seguir estas tres reglas b\u00e1sicas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Crea un solo punto de impacto visual por p\u00e1gina; es decir, un punto al que dirigir la mirada.<\/li><li>Respeta la mirada del lector; es decir, de izquierda a derecha y de arriba hacia abajo.<\/li><li>Deja aire y espacios en blanco para que la mirada descanse.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. C\u00f3mo combinar los colores para tu p\u00e1gina web<\/strong><\/h2>\n\n\n\n<p>Existen millones de formas de combinar los colores. Si est\u00e1s haciendo tus primeros pinitos con el dise\u00f1o web, te recomendamos prestar atenci\u00f3n a los siguientes consejos para empezar a trabajar con los colores:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Utiliza un color vivo junto con un blanco y negro<\/strong><\/h3>\n\n\n\n<p>Piensa en el color como un ingrediente importante dentro de tu p\u00e1gina web; al igual que con un sabor fuerte, un poco agrada, pero mucho desagrada. Los colores vivos llaman la atenci\u00f3n, pero tambi\u00e9n tienen el poder de consumir la energ\u00eda mental del visitante. Si acabas de adentrarte en el mundo de los colores, una de las mejoras formas de acertar es dejando tu p\u00e1gina en blanco y negro e introduciendo un toque de color que resalte.<\/p>\n\n\n\n<p>Por ejemplo, si te fijas en la p\u00e1gina web <a href=\"http:\/\/www.ungermusic.de\/\">Unger Music<\/a> ver\u00e1s que utiliza el mismo tono naranja en el logo, fondo, l\u00edneas horizontales y navegaci\u00f3n, mientras que en el resto del sitio predomina el blanco y el negro. El resultado es profesional y sofisticado, y no resulta desmesurado.<\/p>\n\n\n\n<p>Lo mismo vemos en la p\u00e1gina web <a href=\"http:\/\/www.retropot.es\/\">Retropot. <\/a>El color rojo hace que los dibujos en blanco y negro de las tazas resalten y le da un toque m\u00e1s divertido e interesante a la vista. Puesto que el rojo es un color intenso, lo utilizan de forma moderada.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/y7peDTEYr8gnxSBavKMZUG_CVS5hrYOsHYdBrsYV1dMVyi7_jSfUAg_FMip0oWD6ptPqHr-33uV2RDAva9uOtTyR2m8cGszubyqiz87ZI2nTHiObZ31cSw2jGPt9vGhI68bBwksu\" alt=\"Ejemplo de p\u00e1gina web que utiliza el blanco y el negro como base, y el naranja para resaltar\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/duO_dMu6KeJ2wRuv0YkDDUniixziXWtYlWWwIAWjrdCYqFxGCZe72ND96_khOuhwTaHJTnglquK4HjhZbjeqURucwjwl578uKlQy7IX-yFGDjgG2WJHzaXLy_owzg4tjFYslO5Gy\" alt=\"Ejemplo de p\u00e1gina web que utiliza el blanco y el negro como base, y el rojo para resaltar\"\/><\/figure><\/div>\n\n\n\n<p>Si eliges un color llamativo, estos ser\u00edan los elementos de tu p\u00e1gina web donde podr\u00edas utilizarlo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/help.jimdo.com\/hc\/es\/articles\/115005504283-Gu%C3%ADa-a%C3%B1adir-textos-y-t%C3%ADtulos\">T\u00edtulos<\/a><\/li><li><a href=\"https:\/\/help.jimdo.com\/hc\/es\/articles\/115005538666--C%C3%B3mo-edito-el-estilo-de-mi-p%C3%A1gina-Jimdo-\">Enlaces<\/a><\/li><li><a href=\"https:\/\/help.jimdo.com\/hc\/es\/articles\/115005538666--C%C3%B3mo-edito-el-estilo-de-mi-p%C3%A1gina-Jimdo-\">Men\u00fa de navegaci\u00f3n<\/a><\/li><li><a href=\"https:\/\/help.jimdo.com\/hc\/es\/articles\/115005538666--C%C3%B3mo-edito-el-estilo-de-mi-p%C3%A1gina-Jimdo-\">Botones<\/a><\/li><li><a href=\"https:\/\/help.jimdo.com\/hc\/es\/articles\/115005538666--C%C3%B3mo-edito-el-estilo-de-mi-p%C3%A1gina-Jimdo-\">L\u00edneas horizontales<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Utiliza un color primario y uno secundario<\/strong><\/h3>\n\n\n\n<p>Si te parece que con un solo color no es suficiente, utiliza dos. Sin embargo, en lugar de darle la misma importancia a dos colores diferentes, el truco es elegir uno como tu \u201ccolor primario\u201d y otro como tu \u201ccolor secundario\u201d, lo que significa que se utilizar\u00e1 mucho menos. De esta forma los colores toman la funci\u00f3n de complementarse y no de competir el uno contra el otro.&nbsp;<\/p>\n\n\n\n<p>Echa un vistazo a estas dos p\u00e1ginas web Jimdo. Son p\u00e1ginas muy diferentes, pero est\u00e1n utilizando los mismos colores.<\/p>\n\n\n\n<p>En el primer ejemplo, observa c\u00f3mo Laur\u00e8ne aplica una imagen de fondo que refleja el turquesa y el rosa de su logo. Despu\u00e9s, utiliza tambi\u00e9n el turquesa (su color primario) en la navegaci\u00f3n y en los t\u00edtulos. En el resto de la p\u00e1gina, el rosa entra en acci\u00f3n ocasionalmente para dar la sensaci\u00f3n de conjunto, pero no aparece tan a menudo como el turquesa.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/ltd3MmOPlB_nZzu6kEXWvvTvQW01sGiFIjmo3l6CdHk-ph9KHv3H9Kt73DCnsuxc8ABtdZMhn38NU1fpZEz2IkNxtlSJ4mA0ICdIZqnyrKqgv3JIf6ZsQwgaEv7m7HZg1SMFn8dt\" alt=\"Ejemplo de p\u00e1gina web que combina dos colores, aplicando uno como primario y otro como secundario\"\/><\/figure>\n\n\n\n<p>Kai lleva a cabo algo similar para el sitio web de su grupo de m\u00fasica. En la mayor parte de la p\u00e1gina predomina el blanco y el negro, pero aplica el turquesa para la navegaci\u00f3n y los t\u00edtulos. El rosa aparece de vez en cuando en los botones y en el elemento de visualizaci\u00f3n del blog. Emplear el rosa en peque\u00f1as dosis significa que cuando lo hacen, realmente destaca.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/yOaRfb87wTCXDvYtGDEs2LF87ZFq3K5WCVIL--SM_RZgpCrpQm4WwfAEz2HUzgXkX_GeiypiporWUBwscy0oHSBV8RmVsALkEAWVdRakRgzau9PpG0ETRXX5hw3O-0JQ9vpFpI3P\" alt=\"Ejemplo de p\u00e1gina web donde se observa c\u00f3mo utilizar un color primario y otro secundario\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Presenta tus colores a trav\u00e9s de tus im\u00e1genes<\/strong><\/h3>\n\n\n\n<p>La mayor\u00eda de estas aplicaciones de color de las que estamos hablando las puedes conseguir a trav\u00e9s del editor de estilo de Jimdo, cambiando el color de fondo, de los t\u00edtulos, etc. Sin embargo, si est\u00e1s en el mundo de la fotograf\u00eda, puedes utilizar las fotos de tu web para transmitir tus colores y complementar la identidad de tu marca.<\/p>\n\n\n\n<p>Por ejemplo, observa la siguiente p\u00e1gina web Le V\u00e9lo. El due\u00f1o de la tienda, Senad, ha utilizando el blanco y el negro en los elementos b\u00e1sicos, el fondo es blanco y el texto es negro. El toque de color de su sitio web lo ponen sus fotos, en las que predominan siempre el mismo verde azulado y el mismo el marr\u00f3n. Genial, \u00bfno?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/FNPNvnJW8tb_rnkgG2pQIXoVv7Wpq2yJABPthRz-ngoHTdXuBGqT7qP4oJimotTTUtBFUjtsk_tHwV11lWH0bVY_ewqy1OHMJS0pcuI6tO0nw9k2vpDa1t8-nVwctKQrgLw6DRgs\" alt=\"Ejemplo de p\u00e1gina web que presenta los colores que identifican su marca a trav\u00e9s de sus propias fotograf\u00edas\"\/><\/figure>\n\n\n\n<p>Se necesita algo de disciplina para conseguir este efecto de color en todas las im\u00e1genes. Sin embargo, se puede lograr si sabes editar fotos o al menos si vas aplicando los mismos filtros a todas las instant\u00e1neas\u00a0<\/p>\n\n\n\n<p>Aqu\u00ed tienes otro ejemplo de un sitio web Jimdo que aplica una paleta de tres colores e introduce esos mismos colores en todas las fotograf\u00edas. Me encanta c\u00f3mo la artista Sami Garra emplea su verde, rosa y amarillo tan caracter\u00edsticos a trav\u00e9s de su p\u00e1gina web. Cada imagen refleja al menos uno de estos colores. F\u00edjate tambi\u00e9n en su p\u00e1gina \u201cAcerca de\u201d y ver\u00e1s que incluso en su color de pelo y en uno de sus talleres encontrar\u00e1s estos colores. \u00a1Eso es dedicaci\u00f3n!&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/0ZL9Fx0CqRXiy2JzEq2crptyK-b4qN-uZeg70PHQUFy25Oa0UVJZdgP8oQROAHGKebLc29UyDmxyB8nCsyzbJ-K6wCr5tmZOrh1M3fR9M7cjAywOmEThHixNO-wjI_EHN2T8FYXA\" alt=\"Ejemplo de p\u00e1gina web que presenta los colores que caracterizan su marca a trav\u00e9s de sus propias im\u00e1genes\"\/><\/figure>\n\n\n\n<p>Bueno, en realidad no tienes que cambiar tu color de pelo para ir a juego con tu p\u00e1gina web (si lo haces, m\u00e1ndanos por favor una foto). No obstante, esperemos que, al ver estos ejemplos, te hayas dado cuenta de todo el poder que pueden tener los colores cuando los aplicas conscientemente, aunque solo los utilices para dar unos peque\u00f1os de color aqu\u00ed y all\u00e1.<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center post-cta has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-0111f410 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h4 class=\"wp-block-heading\">Crea la p\u00e1gina web para tu negocio con Jimdo.<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-17124a9a wp-block-group-is-layout-flex\">\n<div class=\"wp-block-button\"><a data-tracking=\"post_cta_create_shop_signup\" class=\"wp-block-button__link\" href=\"https:\/\/cms.jimdo.com\/wizard\/?store=1\">Empezar ahora<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1.\u00a0La psicolog\u00eda del color en el dise\u00f1o web Los colores son todopoderosos. No solo influyen en los sentimientos, sino tambi\u00e9n en las acciones de las personas. La psicolog\u00eda del color puede ayudar a fortalecer tu marca, conseguir ventas y guiar a los visitantes a p\u00e1ginas o acciones concretas dentro de tu web. En este apartado [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":622,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[13,18],"class_list":["post-403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-paginas-web","tag-diseno-web","tag-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Psicolog\u00eda de los colores para p\u00e1ginas web profesionales - Jimdo<\/title>\n<meta name=\"description\" content=\"Aprende en esta gu\u00eda cu\u00e1les son las reglas del color m\u00e1s importantes y c\u00f3mo debes combinar los colores para lograr un dise\u00f1o profesional en tu p\u00e1gina web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Psicolog\u00eda de los colores para p\u00e1ginas web profesionales - Jimdo\" \/>\n<meta property=\"og:description\" content=\"Aprende en esta gu\u00eda cu\u00e1les son las reglas del color m\u00e1s importantes y c\u00f3mo debes combinar los colores para lograr un dise\u00f1o profesional en tu p\u00e1gina web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Jimdo para pymes\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-10T12:49:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-02T17:05:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jimdo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jimdo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/\"},\"author\":{\"name\":\"Jimdo\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#\\\/schema\\\/person\\\/496021aff53df88753916a127e412586\"},\"headline\":\"C\u00f3mo elegir los colores para tu p\u00e1gina web\",\"datePublished\":\"2015-02-10T12:49:30+00:00\",\"dateModified\":\"2020-11-02T17:05:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/\"},\"wordCount\":2775,\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/es/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1\",\"keywords\":[\"Dise\u00f1o web\",\"Marketing\"],\"articleSection\":[\"Consejos para p\u00e1ginas web\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/\",\"url\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/\",\"name\":\"Psicolog\u00eda de los colores para p\u00e1ginas web profesionales - Jimdo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/es/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1\",\"datePublished\":\"2015-02-10T12:49:30+00:00\",\"dateModified\":\"2020-11-02T17:05:22+00:00\",\"description\":\"Aprende en esta gu\u00eda cu\u00e1les son las reglas del color m\u00e1s importantes y c\u00f3mo debes combinar los colores para lograr un dise\u00f1o profesional en tu p\u00e1gina web.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/colores-paginas-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/es/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/es/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1\",\"width\":2048,\"height\":1024},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/\",\"name\":\"Blog de Jimdo para pymes\",\"description\":\"Marketing para pymes y consejos de dise\u00f1o web\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#organization\",\"name\":\"Blog de Jimdo para pymes\",\"url\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/es/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/es/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1\",\"width\":200,\"height\":75,\"caption\":\"Blog de Jimdo para pymes\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/#\\\/schema\\\/person\\\/496021aff53df88753916a127e412586\",\"name\":\"Jimdo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g\",\"caption\":\"Jimdo\"},\"sameAs\":[\"http:\\\/\\\/www.jimdo.com/es/blog\"],\"url\":\"https:\\\/\\\/www.jimdo.com/es/blog\\\/author\\\/jimdoblogit\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Psicolog\u00eda de los colores para p\u00e1ginas web profesionales - Jimdo","description":"Aprende en esta gu\u00eda cu\u00e1les son las reglas del color m\u00e1s importantes y c\u00f3mo debes combinar los colores para lograr un dise\u00f1o profesional en tu p\u00e1gina web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/","og_locale":"es_ES","og_type":"article","og_title":"Psicolog\u00eda de los colores para p\u00e1ginas web profesionales - Jimdo","og_description":"Aprende en esta gu\u00eda cu\u00e1les son las reglas del color m\u00e1s importantes y c\u00f3mo debes combinar los colores para lograr un dise\u00f1o profesional en tu p\u00e1gina web.","og_url":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/","og_site_name":"Blog de Jimdo para pymes","article_published_time":"2015-02-10T12:49:30+00:00","article_modified_time":"2020-11-02T17:05:22+00:00","og_image":[{"width":2048,"height":1024,"url":"https:\/\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg","type":"image\/jpeg"}],"author":"Jimdo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Jimdo","Tiempo de lectura":"14 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/#article","isPartOf":{"@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/"},"author":{"name":"Jimdo","@id":"https:\/\/www.jimdo.com/es/blog\/#\/schema\/person\/496021aff53df88753916a127e412586"},"headline":"C\u00f3mo elegir los colores para tu p\u00e1gina web","datePublished":"2015-02-10T12:49:30+00:00","dateModified":"2020-11-02T17:05:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/"},"wordCount":2775,"publisher":{"@id":"https:\/\/www.jimdo.com/es/blog\/#organization"},"image":{"@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1","keywords":["Dise\u00f1o web","Marketing"],"articleSection":["Consejos para p\u00e1ginas web"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/","url":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/","name":"Psicolog\u00eda de los colores para p\u00e1ginas web profesionales - Jimdo","isPartOf":{"@id":"https:\/\/www.jimdo.com/es/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/#primaryimage"},"image":{"@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1","datePublished":"2015-02-10T12:49:30+00:00","dateModified":"2020-11-02T17:05:22+00:00","description":"Aprende en esta gu\u00eda cu\u00e1les son las reglas del color m\u00e1s importantes y c\u00f3mo debes combinar los colores para lograr un dise\u00f1o profesional en tu p\u00e1gina web.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jimdo.com/es/blog\/colores-paginas-web\/#primaryimage","url":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1","width":2048,"height":1024},{"@type":"WebSite","@id":"https:\/\/www.jimdo.com/es/blog\/#website","url":"https:\/\/www.jimdo.com/es/blog\/","name":"Blog de Jimdo para pymes","description":"Marketing para pymes y consejos de dise\u00f1o web","publisher":{"@id":"https:\/\/www.jimdo.com/es/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jimdo.com/es/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.jimdo.com/es/blog\/#organization","name":"Blog de Jimdo para pymes","url":"https:\/\/www.jimdo.com/es/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jimdo.com/es/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/03\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/03\/Jimdo-Logo%402x.png?fit=200%2C75&ssl=1","width":200,"height":75,"caption":"Blog de Jimdo para pymes"},"image":{"@id":"https:\/\/www.jimdo.com/es/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.jimdo.com/es/blog\/#\/schema\/person\/496021aff53df88753916a127e412586","name":"Jimdo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=mm&r=g","caption":"Jimdo"},"sameAs":["http:\/\/www.jimdo.com/es/blog"],"url":"https:\/\/www.jimdo.com/es/blog\/author\/jimdoblogit\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/colores-paginas-web.jpg?fit=2048%2C1024&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1201,"url":"https:\/\/www.jimdo.com/es/blog\/fuentes-pagina-web\/","url_meta":{"origin":403,"position":0},"title":"C\u00f3mo elegir la mejor fuente para tu p\u00e1gina web","author":"Jimdo","date":"7 de marzo de 2022","format":false,"excerpt":"Descubre por qu\u00e9 es tan importante elegir la fuente para tu p\u00e1gina web y c\u00f3mo hacerlo con Jimdo.","rel":"","context":"In &quot;Consejos para p\u00e1ginas web&quot;","block_context":{"text":"Consejos para p\u00e1ginas web","link":"https:\/\/www.jimdo.com/es/blog\/consejos-paginas-web\/"},"img":{"alt_text":"Fuentes p\u00e1gina web","src":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2022\/03\/headerFonts.jpeg?fit=1200%2C750&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2022\/03\/headerFonts.jpeg?fit=1200%2C750&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2022\/03\/headerFonts.jpeg?fit=1200%2C750&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2022\/03\/headerFonts.jpeg?fit=1200%2C750&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2022\/03\/headerFonts.jpeg?fit=1200%2C750&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":712,"url":"https:\/\/www.jimdo.com/es/blog\/personalizar-diseno-pagina-web\/","url_meta":{"origin":403,"position":1},"title":"Gu\u00eda b\u00e1sica para personalizar el dise\u00f1o de tu p\u00e1gina web","author":"Jimdo","date":"6 de noviembre de 2020","format":false,"excerpt":"Aprende las claves para personalizar el dise\u00f1o de tu web de forma profesional y uniforme acorde con la identidad de tu marca.","rel":"","context":"In &quot;Consejos para p\u00e1ginas web&quot;","block_context":{"text":"Consejos para p\u00e1ginas web","link":"https:\/\/www.jimdo.com/es/blog\/consejos-paginas-web\/"},"img":{"alt_text":"Una mujer personaliza y dise\u00f1a su propia p\u00e1gina web Jimdo","src":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/11\/header-blog-article.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":445,"url":"https:\/\/www.jimdo.com/es/blog\/imagen-de-marca-pagina-web\/","url_meta":{"origin":403,"position":2},"title":"Mejora la imagen de marca de tu p\u00e1gina web","author":"Jimdo","date":"17 de octubre de 2018","format":false,"excerpt":"Con las nuevas paletas de colores y los filtros de imagen de Dolphin, crear una p\u00e1gina web profesional y con un dise\u00f1o impresionante es todav\u00eda m\u00e1s f\u00e1cil.","rel":"","context":"In &quot;Consejos para p\u00e1ginas web&quot;","block_context":{"text":"Consejos para p\u00e1ginas web","link":"https:\/\/www.jimdo.com/es/blog\/consejos-paginas-web\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/imagen-de-marca-pagina-web.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/imagen-de-marca-pagina-web.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/imagen-de-marca-pagina-web.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/imagen-de-marca-pagina-web.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/imagen-de-marca-pagina-web.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":782,"url":"https:\/\/www.jimdo.com/es/blog\/disenar-logo\/","url_meta":{"origin":403,"position":3},"title":"C\u00f3mo dise\u00f1ar el logo perfecto","author":"Jimdo","date":"24 de febrero de 2021","format":false,"excerpt":"Un logo profesional es parte de la identidad de cualquier marca. Descubre c\u00f3mo conseguir el dise\u00f1o de logo perfecto para tu empresa.","rel":"","context":"In &quot;Consejos para empresas&quot;","block_context":{"text":"Consejos para empresas","link":"https:\/\/www.jimdo.com/es/blog\/consejos-empresas\/"},"img":{"alt_text":"C\u00f3mo dise\u00f1ar el logo perfecto","src":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2021\/02\/jimdo-blog-logo-featured-.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":405,"url":"https:\/\/www.jimdo.com/es/blog\/elegir-fondo-para-pagina-web\/","url_meta":{"origin":403,"position":4},"title":"C\u00f3mo elegir el mejor fondo para tu p\u00e1gina web","author":"Jimdo","date":"8 de febrero de 2019","format":false,"excerpt":"Un fondo para p\u00e1gina web puede ser clave a la hora de retener a tus visitantes. \u00bfQu\u00e9 es lo que debes tener en cuenta? \u00a1Aprende aqu\u00ed a colocar el mejor fondo en tu p\u00e1gina web!","rel":"","context":"In &quot;Consejos para p\u00e1ginas web&quot;","block_context":{"text":"Consejos para p\u00e1ginas web","link":"https:\/\/www.jimdo.com/es/blog\/consejos-paginas-web\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/elegir-fondo-para-pagina-web.jpeg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/elegir-fondo-para-pagina-web.jpeg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/elegir-fondo-para-pagina-web.jpeg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/elegir-fondo-para-pagina-web.jpeg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2020\/09\/elegir-fondo-para-pagina-web.jpeg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":650,"url":"https:\/\/www.jimdo.com/es/blog\/iconos-gratis-paginas-web\/","url_meta":{"origin":403,"position":5},"title":"D\u00f3nde encontrar iconos gratis y c\u00f3mo usarlos","author":"Jimdo","date":"25 de agosto de 2015","format":false,"excerpt":"Descubre las mejores plataformas para descargar iconos gratis y aprende c\u00f3mo usarlos en tu p\u00e1gina web.","rel":"","context":"In &quot;Consejos para p\u00e1ginas web&quot;","block_context":{"text":"Consejos para p\u00e1ginas web","link":"https:\/\/www.jimdo.com/es/blog\/consejos-paginas-web\/"},"img":{"alt_text":"D\u00f3nde encontrar iconos gratis y c\u00f3mo usarlos","src":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2015\/08\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2015\/08\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2015\/08\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2015\/08\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/es/blog\/wp-content\/uploads\/2015\/08\/Icone-gratis.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":0,"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/media\/622"}],"wp:attachment":[{"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jimdo.com/es/blog\/wp-json\/wp\/v2\/tags?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}