{"id":124352,"date":"2022-05-13T10:00:00","date_gmt":"2022-05-13T08:00:00","guid":{"rendered":"https:\/\/quondos.com\/mag\/?p=124352"},"modified":"2022-05-13T05:00:01","modified_gmt":"2022-05-13T03:00:01","slug":"de-que-color-hago-mi-web","status":"publish","type":"post","link":"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/","title":{"rendered":"La psicolog\u00eda del COLOR \u00bfDe qu\u00e9 color hago mi web? \ud83e\udd37\u200d\u2642\ufe0f"},"content":{"rendered":"\n<p>Quieres dise\u00f1ar una p\u00e1gina web, \u00bfpero te preguntas de qu\u00e9 color hago mi web? Los colores son muy poderosos ya que no s\u00f3lo influyen en las emociones sino que adem\u00e1s repercuten en las acciones de las personas. La psicolog\u00eda del color ayuda a fortalecer una marca, impulsar las ventas y guiar a los usuarios a p\u00e1ginas concretas de un website.<\/p>\n\n\n\n<p><strong>La psicolog\u00eda del color tiene como fin identificar c\u00f3mo un tono puede afectar las decisiones cotidianas de las personas, ya que cada uno de ellos evoca las emociones de distintas maneras a trav\u00e9s del uso estrat\u00e9gico adecuado para que un usuario perciba la p\u00e1gina web de la forma deseada.<\/strong><\/p>\n\n\n\n<p>Ten a la mano una hoja y un bol\u00edgrafo, porque en este apartado te diremos qu\u00e9 es y c\u00f3mo se debe aplicar la psicolog\u00eda del color, la importancia en el dise\u00f1o de la p\u00e1gina web, cu\u00e1l es el significado de cada uno de los colores, etc.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#%C2%BFQue_es_la_psicologia_del_color\" >\u00bfQu\u00e9 es la psicolog\u00eda del color?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#%C2%BFDe_que_color_hago_mi_web\" >\u00bfDe qu\u00e9 color hago mi web?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#Importancia_del_tono_en_el_diseno_web\" >Importancia del tono en el dise\u00f1o web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#Influencia_del_color_en_las_emociones_y_estado_mental\" >Influencia del color en las emociones y estado mental&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#%C2%BFComo_aplicar_la_psicologia_del_color_en_el_desarrollo_de_la_pagina_web\" >\u00bfC\u00f3mo aplicar la psicolog\u00eda del color en el desarrollo de la p\u00e1gina web?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#Circulo_cromatico\" >C\u00edrculo crom\u00e1tico<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#Teoria_de_la_Valencia_Ecologica\" >Teor\u00eda de la Valencia Ecol\u00f3gica<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#Significados_de_los_colores\" >Significados de los colores<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#%C2%BFComo_puedo_elegir_el_color_adecuado\" >\u00bfC\u00f3mo puedo elegir el color adecuado?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_la_psicologia_del_color\"><\/span>\u00bfQu\u00e9 es la psicolog\u00eda del color?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La psicolog\u00eda del color es un \u00e1mbito de estudio que se encarga de analizar c\u00f3mo una persona act\u00faa y toma decisiones con base a la percepci\u00f3n sensorial (emociones) que emiten los colores.&nbsp;<\/p>\n\n\n\n<p><strong>Cabe resaltar que existen ciertos criterios subjetivos en la psicolog\u00eda del color, por lo que hay que tener presente que pueden haber variaciones en cuanto a la interpretaci\u00f3n y el significado entre culturas.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFDe_que_color_hago_mi_web\"><\/span>\u00bfDe qu\u00e9 color hago mi web?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Importancia_del_tono_en_el_diseno_web\"><\/span>Importancia del tono en el dise\u00f1o web<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Elegir el color adecuado es un factor indispensable en el <a href=\"https:\/\/quondos.com\/mag\/diseno-web\/\">dise\u00f1o de una web<\/a>, no solo para que sea visualmente atractiva, sino tambi\u00e9n para influir en el usuario a realizar ciertas acciones dentro de la p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Influencia_del_color_en_las_emociones_y_estado_mental\"><\/span>Influencia del color en las emociones y estado mental&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u00bfAlguna vez te has preguntado por qu\u00e9 en ciertos lugares te sientes m\u00e1s relajado, irritado o alegre que en otros sitios? \u00bfSab\u00edas que los colores tienen el poder de&nbsp; influenciarte?<\/p>\n\n\n\n<p><strong>El color es un elemento fundamental a la hora de dise\u00f1ar un website, logo o marca, ya que de esta forma se env\u00eda un mensaje al usuario. <\/strong>Cada tono produce diferentes sensaciones en las persona y los predispone a experimentar un estado an\u00edmico diverso, por esta raz\u00f3n cada uno de ellos puede ser m\u00e1s apropiado seg\u00fan a los espacios, momentos y actividades.<\/p>\n\n\n\n<p><strong>Recuerda valorar qu\u00e9 tonalidades se van a incorporar en el dise\u00f1o porque no s\u00f3lo sirve para obtener un beneficio econ\u00f3mico, sino que tambi\u00e9n se trata de influenciar el estado f\u00edsico y emocional de los usuarios.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_aplicar_la_psicologia_del_color_en_el_desarrollo_de_la_pagina_web\"><\/span>\u00bfC\u00f3mo aplicar la psicolog\u00eda del color en el desarrollo de la p\u00e1gina web?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Para aplicar la psicolog\u00eda del color en un dise\u00f1o web, se deben tomar en cuenta dos aspectos fundamentales: Los principios generales de \u201cla teor\u00eda de las tonalidades\u201d (tambi\u00e9n conocida como C\u00edrculo Crom\u00e1tico) y la Teor\u00eda de la Valencia Ecol\u00f3gica.&nbsp;<\/strong><\/p>\n\n\n\n<p>A continuaci\u00f3n te explicamos cada una de ellas:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Circulo_cromatico\"><\/span>C\u00edrculo crom\u00e1tico<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Tambi\u00e9n conocido como \u201cEsquema Monocrom\u00e1tico\u201d, es una herramienta gr\u00e1fica circular donde un dise\u00f1ador de p\u00e1ginas web puede observar el contraste y la armon\u00eda por medio de un degrad\u00e9 de los colores, permitiendo as\u00ed elegirlos de forma visual para crear infinitas combinaciones correctas y equilibradas.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/01-circulo-cromatico.jpg\" alt=\"circulo cromatico\" class=\"wp-image-124358\" width=\"249\" height=\"246\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/01-circulo-cromatico.jpg 497w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/01-circulo-cromatico-300x297.jpg 300w\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Para ello se tienen que considerar los tipos de colores que existen para realizar una mezcla equilibrada. Las distintas tonalidades que se pueden producir son los siguientes:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Colores Primarios<\/strong><\/td><\/tr><tr><td>Son aquellos colores que los ojos perciben frente a la luz:<strong> Rojo, Azul y Amarillo. Sin embargo, estos tonos pueden variar de acuerdo al tipo de esquema crom\u00e1tico:<\/strong><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"190\" src=\"https:\/\/lh4.googleusercontent.com\/PrkoJKHC1wQkg_vbvW_2nhAnsQVXHc5MzhNT0Phx1E6b-4a4kjm5VRDftbwkIG-T92MfNTa0Ss_E_RK0-TuzT1bQkde7bE4mGaHemXMRrcecY3AJIyCzjhgL4ktRy6V4JVIoYG4CvYIVfrkQjQ\" alt=\"\" title=\"\"><br><strong>En el esquema RYB son rojo, azul y amarillo.En el esquema RGB son rojo, verde y azul.<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Colores Secundarios<\/strong><\/td><\/tr><tr><td>Son aquellas tonalidades que surgen de la mezcla de los tonos primarios: <strong>Violeta, Naranja y Verde.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"195\" height=\"192\" src=\"https:\/\/lh5.googleusercontent.com\/X8ZecsOsNv2nYsdk6BfemYF5beD8o9jplIXCltRsxDAPh32XFCzenp9X_9YR_iwvpnGEXKEFgMIhPSHxJbm792qt2mj3BFhThO7TNqFU8q7Nac3wJr4BDhMnImoqprYSehAM7f0WUpRtPTbEmA\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Colores Terciarios<\/strong><\/td><\/tr><tr><td>Estas tonalidades surgen de la mezcla de los colores primarios y secundarios, eso permite que las posibilidades sean infinitas.<strong> Sin embargo, algunas de las creaciones m\u00e1s comunes son las siguientes:Amarillo Naranja.Rojo Naranja.Rojo Violeta.Azul Violeta.Azul Verde.Amarillo Verde.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"178\" height=\"175\" src=\"https:\/\/lh5.googleusercontent.com\/KmTnqIpi0SvtLM7Vhl2vBo-M18dBZmpdDmMgcll5z_X6zQA2m-D23RzJg2kER7vT1A3FIz9zzoSEpNQ_FbdHk9030VArxVGgSDaWnTA8pTcxHlj5hadJVHyntjqesCH62Wnzcnn8hwfWmCOelw\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Colores Complementarios<\/strong><\/td><\/tr><tr><td><strong>Estos tonos son los opuestos al c\u00edrculo crom\u00e1tico, eso quiere decir que al mezclarse en cierta fracci\u00f3n (%) se pueden crear colores neutrales como el gris, negro o blanco.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"201\" height=\"175\" src=\"https:\/\/lh5.googleusercontent.com\/ml6Rv8fRamL264ATEUeTG6Xfnmaz16oamjrYvQyQA6q_dftYbGM0h4my5bCThZwpjYeLtpueprtdIaLdGCH8ja6fAJwV1DmOaBRgiNHvXUUEbM3ktMPFdm0oSemtwC8hN8bwQr5Uj2cSgREAhw\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>No olvides que un color se puede ver diferente y eso se debe a tres atributos muy importantes:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/06-atributos-de-los-colores-1024x576.jpg\" alt=\"atributos de los colores\" class=\"wp-image-124363\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/06-atributos-de-los-colores-1024x576.jpg 1024w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/06-atributos-de-los-colores-300x169.jpg 300w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/06-atributos-de-los-colores-768x432.jpg 768w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/06-atributos-de-los-colores.jpg 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Matiz (Tonalidad del color)<\/strong><\/td><\/tr><tr><td><strong>Es la propiedad (base) que un dise\u00f1ador usa para diferenciar cada tonalidad.<\/strong><br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/FJ5EAmT7Uv-WBDIPv8gGwFnJbuHCLwGz2ZOeUQ6rlVI6jDwykvIFQ0LiR_cHdt0MztvnwSIIjYJQB0bOuHljmHz22XuEi2BdelnqedH0dMptB9tHwhJYRkwMKe7n1baGfROjgh6HoLrAaSNJQg\" width=\"169\" height=\"86\" alt=\"\" title=\"\"><\/td><\/tr><tr><td><strong>Valor (Nivel de luminosidad del tono)<\/strong><\/td><\/tr><tr><td><strong>Se refiere a la cantidad de luz reflejada en el tono, la intensidad del color va a variar conforme a la cercan\u00eda o lejan\u00eda del blanco \/ negro.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"257\" height=\"57\" src=\"https:\/\/lh6.googleusercontent.com\/F7sh-CZ6ATLTBznUDg110r98NUPZLgFT7C3-v27u1SiJE-nX6z2DOpiNrDzhmnsow-1r_KPhGoCskPWnVm2gPQGvwZfhFxBJvC1CbT9xGcAIqCz4WHZq7zNHXEPNC-pnEuZwnqOamEgXDj7PmA\" alt=\"\" title=\"\"><\/td><\/tr><tr><td><strong>Croma (Nivel de saturaci\u00f3n del tomo)<\/strong><\/td><\/tr><tr><td><strong>Se refiere a la intensidad de un tono determinado por la cantidad de luz reflejada en el color. Eso quiere decir que una tonalidad va a tener una menor o mayor saturaci\u00f3n dependiendo de qu\u00e9 tan cerca o lejos est\u00e1 al negro \/ blanco.<\/strong><br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/oORzoP1UhtevjW6biz0m1lJnaFHFX1sehyBN3-6-US3QLASsJecDvmuvRi7OfyvHizEDOspgqN_4JEITlse5nav9QKHfR4L25-Cn5_K6VMp2n3pN4mxWK1OBHuwGhSds_cCvIlqk5caAsDM3Tw\" width=\"262\" height=\"67\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Teoria_de_la_Valencia_Ecologica\"><\/span>Teor\u00eda de la Valencia Ecol\u00f3gica<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Hace referencia al intervalo de tolerancia de un individuo respecto a un factor del medio como la luz, color, temperatura, etc. En otras palabras, hace \u00e9nfasis en la preferencia de una persona hacia algo. Para que te quede claro, te compartimos dos ejemplos:<\/p>\n\n\n\n<p><strong><em>Ejemplo #1:<\/em><\/strong> El cerebro de un ser humano tiene una red de conocimientos, considera que a una persona le gusta ir a la playa a ver el mar porque quiz\u00e1s el color del agua le inspira emociones positivas (tranquilidad y paz).<\/p>\n\n\n\n<p><strong><em>Ejemplo #2: <\/em><\/strong>Los progenitores refuerzan un tono t\u00edpico para cada g\u00e9nero:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Juguetes azules para los varones.<\/li><li>Juguetes rosados para las mujeres.<\/li><\/ul>\n\n\n\n<p><br><strong>En resumen, para aplicar de forma correcta la psicolog\u00eda del color en una p\u00e1gina web, tienes que considerar los dos aspectos que te acabamos de mencionar. No olvides escoger los colores adecuados cuyo significado se apegue a la marca, logo o a los productos o servicios a vender en tu website.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"\ud83c\udfa8 La psicolog\u00eda del COLOR o... \u00bfDe qu\u00e9 color hago mi web? \ud83e\udd37\u200d\u2642\ufe0f\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Yt6lRN3_MNQ?start=86&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Significados_de_los_colores\"><\/span>Significados de los colores<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A continuaci\u00f3n te explicamos el significado de cada uno de los colores y&nbsp; adem\u00e1s te sugerimos cuando puedes o no usarlos.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Color<\/strong><\/td><td><strong>Significado<\/strong><\/td><\/tr><tr><td><br><br><strong>Rojo<\/strong><\/td><td><strong>Se usa para captar la atenci\u00f3n o crear expectativas. El color puede incentivar las pulsaciones y acelerar la respiraci\u00f3n.<\/strong>&nbsp;<br>Se asocia con emociones: acci\u00f3n, amor, ansiedad, atreverse, calor, din\u00e1mico, divertido, dominante, en\u00e9rgico, excitaci\u00f3n, extraversi\u00f3n, felicidad, pasi\u00f3n, poder, protecci\u00f3n, vida, seguridad y sensualidad.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Es ideal para p\u00e1ginas de restaurantes, blogs de moda o websites deportivas.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>No se puede usar para sitios relacionados con la naturaleza o para p\u00e1ginas profesionales o de art\u00edculos de lujo. Recuerda no abusar de este color porque demasiado rojo puede causar un impacto negativo (advertencia, peligro, frivolidad).<\/td><\/tr><tr><td><br><br><strong>Naranja<\/strong><\/td><td><strong>El naranja es un color energ\u00e9tico y lleno de vida, ideal para captar la atenci\u00f3n de los usuarios a las llamadas de acci\u00f3n de ventas o de alg\u00fan contenido que se desea destacar.&nbsp;<\/strong><br>Se asocia con sentimientos de: aventura, creatividad, diversi\u00f3n, felicidad, energ\u00eda, calor, ambici\u00f3n, emoci\u00f3n, entusiasmo, abundancia, comodidad, atrevimiento, estimulaci\u00f3n.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Es id\u00f3neo para webs de automoci\u00f3n, tecnolog\u00eda, entretenimiento, comida, art\u00edculos de cuidado de ni\u00f1os.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Aunque este color resulta menos intenso que el rojo, su uso excesivo puede resultar saturador.<\/td><\/tr><tr><td><br><br><strong>Amarillo<\/strong><\/td><td><strong>El amarillo es un color muy luminoso que ayuda a animar a los usuarios a visitar la p\u00e1gina.&nbsp;<\/strong><br>Se asocia con emociones de: competitividad, felicidad, alegr\u00eda, optimismo, juventud, autoestima, creatividad, simpat\u00eda, \u00e1nimo, confianza.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Funciona en webs infantiles o de art\u00edculos de decoraci\u00f3n y belleza.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Su uso excesivo puede resultar muy saturador y algo agresivo para la vista.<\/td><\/tr><tr><td><br><br><strong>Verde<\/strong><\/td><td><strong>Este tono aporta un efecto arm\u00f3nico, se utiliza para crear llamados de alerta, de esta manera se puede lograr m\u00e1s r\u00e1pido el \u00e9xito.&nbsp;<\/strong><br>El verde suele asociarse a: crecimiento, salud, naturalidad, bienestar, dinero, calma, generosidad, masculinidad, fertilidad, suerte, paz, energ\u00eda, esperanza, relajaci\u00f3n, serenidad, armon\u00eda y ternura.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Con este color los ojos de una persona procesan mejor la informaci\u00f3n. Es una excelente opci\u00f3n para sitios web de turismo o para&nbsp; ecommerce de salud.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>No se recomienda para portales de productos de lujo o tecnolog\u00eda.<\/td><\/tr><tr><td><br><br><strong>Azul<\/strong><\/td><td><strong>El azul es un color refrescante y energ\u00e9tico.&nbsp;<\/strong><br>Com\u00fanmente se le asocia a: masculinidad, eficacia, calidad, calma, seriedad, fortaleza, sabidur\u00eda, lealtad, fuerza, productividad, confianza, seguridad y paz.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Es una excelente alternativa para webs de salud, medicina, ciencia, tecnolog\u00eda, pol\u00edtica, servicios p\u00fablicos o para las alertas de informaci\u00f3n.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>La sobresaturaci\u00f3n de este color har\u00e1 que la p\u00e1gina tenga un aspecto fr\u00edo.<\/td><\/tr><tr><td><br><br><br><strong>P\u00farpura<\/strong><\/td><td><strong>El p\u00farpura es un color de alta gama que representa autenticidad y se usa para llamar la atenci\u00f3n o para marcar una diferencia.<\/strong><br>Por lo general, este tono suele asociarse a: encanto,&nbsp; dignidad, exclusividad, lujo, calidad, sensualidad, sofisticaci\u00f3n, espiritualidad, majestuosidad, clase alta, poder, riqueza, creatividad, imaginaci\u00f3n, prosperidad, autoridad, misterio, sabidur\u00eda, felicidad, romance y respeto.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Puedes aplicarlo si tu p\u00e1gina web&nbsp; es de belleza, astrolog\u00eda, masaje, yoga, salud, espiritualidad o si vendes productos femeninos.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Hay que evitar usar demasiado este tono porque puede causar un sentimiento de rechazo o de arrogancia.<\/td><\/tr><tr><td><br><br><br><strong>Rosa<\/strong><\/td><td><strong>El rosado es uno de los colores m\u00e1s utilizados y gira entorna a la feminidad, el juego, el amor incondicional e inmadurez.<\/strong><br>Entre los significados que se le puede relacionar son los siguientes: encanto, alegr\u00eda, feminidad, gentileza, cari\u00f1oso, sinceridad, suavidad, sofisticaci\u00f3n, tranquilidad, calidez.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>El rosa es un tono adecuado para aquellas portales de internet dirigidas al p\u00fablico femenino, como por ejemplo: blogs de stylelife.&nbsp;<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Evita usar tonalidades fuertes ya que puede resultar muy escandaloso. De igual manera no utilices tonos muy claros porque resultan dulces, sentimentales o nost\u00e1lgicos para algunos usuarios.<\/td><\/tr><tr><td><br><br><br><strong>Marr\u00f3n<\/strong><\/td><td><strong>El marr\u00f3n es un color asociado a la naturaleza que ayuda a estimular el apetito de un usuario.<\/strong><br>Algunos significados que se le pueden vincular son: confiabilidad, robustez, seguridad, soporte, resistencia, estabilidad, amistad, aspereza y comodidad.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Un dise\u00f1ador de p\u00e1ginas generalmente utiliza el marr\u00f3n para alimentos y productos naturales. Tambi\u00e9n puede usarlo para crear contenidos de animales, veterinarios y finanzas.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Si lo que quieres es llamar la atenci\u00f3n, este color no es el adecuado ya que puede ser un poco aburrido y demasiado conservador.<\/td><\/tr><tr><td><br><br><br><strong>Negro<\/strong><\/td><td><strong>El negro es uno de los colores m\u00e1s versatiles ya que se puede usar para generar un contraste con las dem\u00e1s tonalidades.<\/strong><br>El negro se le puede asociar con: dignidad, eficiencia, elegancia, seguridad emocional, glamour, poder, riqueza, robustez, seguridad, sofisticaci\u00f3n, majestuosidad, clase alta, seriedad,lujo, autoridad, estabilidad, fuerza, formalidad, autoridad e inteligencia.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Funcionan muy bien en p\u00e1ginas de internet que ofrecen art\u00edculos de lujo, moda, marketing y cosm\u00e9ticos.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Hay que tener mucho cuidado con el manejo de este color, ya que en exceso puede resultar amenazante y eso har\u00e1 que el usuario no se sienta c\u00f3modo.&nbsp;<\/td><\/tr><tr><td><br><br><strong>Gris<\/strong><\/td><td><strong>El color gris se utiliza para atraer a una audiencia m\u00e1s general, adem\u00e1s ayuda a mejorar la experiencia de un usuario y a facilitar el uso de la web.<\/strong><br>Suele asociarse a la: formalidad, sofisticaci\u00f3n, profesionalismo, neutralidad, equilibrio, opacidad, sencillez, respeto, autoridad y humildad.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>El gris es un color perfecto para el dise\u00f1o de p\u00e1ginas webs de fotograf\u00edas, inmobiliarias o bienes de lujo.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>El gris no es un color adecuado para llamar la atenci\u00f3n del usuario. Adem\u00e1s usar demasiado este tono puede hacer que el contenido no tenga personalidad y se vea aburrido.<\/td><\/tr><tr><td><br><br><strong>Blanco<\/strong><\/td><td><strong>Al igual que el negro, el blanco es un color vers\u00e1til que se puede utilizar en todo tipo de websites.<\/strong><br>Generalmente el blanco se le puede asociar con: calma, claridad, limpieza, felicidad, honestidad, higiene, inocencia, paz, pureza, serenidad, sinceridad, calmante, ternura, luminosidad, minimalismo y seguridad.<br><strong>\u00bfCu\u00e1ndo utilizarlo?<\/strong>Se puede emplear en portales de internet relacionados a la salud, tecnolog\u00eda y ciencias.<br><strong>\u00bfCu\u00e1ndo no se utiliza?<\/strong>Dado a su versatilidad, no hay ning\u00fan impedimento para utilizar este tono, ya que es el comod\u00edn de la psicolog\u00eda del color.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"732\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/10-psicologia-del-color-1024x732.jpg\" alt=\"psicologia del color\" class=\"wp-image-124367\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/10-psicologia-del-color-1024x732.jpg 1024w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/10-psicologia-del-color-300x214.jpg 300w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/10-psicologia-del-color-768x549.jpg 768w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/10-psicologia-del-color.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Lo recomendable es que una p\u00e1gina web sea de color blanco con algunos toques de colores para que la visualizaci\u00f3n sea m\u00e1s atractiva. De esta forma podr\u00e1s captar m\u00e1s r\u00e1pido la atenci\u00f3n del usuario.&nbsp;<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_puedo_elegir_el_color_adecuado\"><\/span>\u00bfC\u00f3mo puedo elegir el color adecuado?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Antes de elegir un color, tienes que tener en mente varios aspectos:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Identificar a tu buyer persona<\/strong><\/li><li><strong>Generar sensaciones positivas<\/strong><\/li><li><strong>Buscar el equilibrio<\/strong><\/li><li><strong>Resaltar los colores m\u00e1s importantes<\/strong><\/li><li><strong>Recordar que \u201cmenos es m\u00e1s\u201d<\/strong><\/li><li><strong>Transmitir valores<\/strong><\/li><li><strong>Reflejar tu personalidad<\/strong><\/li><li><strong>Jugar con los tonos claros y oscuros<\/strong><\/li><li><strong>Escoger colores adecuados y pr\u00e1cticos<\/strong><\/li><\/ul>\n\n\n\n<p>Para escoger el color adecuado y equilibrado para la creaci\u00f3n del website, puedes apoyarte de los siguientes esquemas de tonos que te permitir\u00e1n encontrar tonalidades que combinen bien entre s\u00ed.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Esquema de Colores Monocrom\u00e1ticos<\/strong><\/td><\/tr><tr><td>Este esquema maneja los mismos tonos, eso quiere decir que los colores a utilizar van a comunicar unidad y consistencia.<br><strong>Los colores monocrom\u00e1ticos se derivan de una sola base de tono que se va entendiendo mediante el uso de las mismas tonalidades claras y oscuras.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"170\" height=\"151\" src=\"https:\/\/lh3.googleusercontent.com\/KtF6A6whMmN5vje60pgTComlZRIzf-rOYyCHAJ4_dN1RZBzo90XGXjWv5lS6AfOW_C7z1CJABAeWDEKtI3ZdAtVKwRVOmD2X38mKw-G2u17qoVnxAuAk1dQ2bWrfy4h_Op8S5p5DpmjmWTmyCQ\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Esquema de Colores An\u00e1logos<\/strong><\/td><\/tr><tr><td>Son aquellos colores que son similares a los que est\u00e1n al lado del c\u00edrculo crom\u00e1tico, es decir, son los que se encuentran cerca de los tonos crom\u00e1ticos.<br><strong>Usar tonalidades adyacentes ayuda a fortalecer la armon\u00eda de tu dise\u00f1o.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"158\" height=\"133\" src=\"https:\/\/lh4.googleusercontent.com\/sn5CdvPpjx1w8ME9cNA5sUbvJ5LiV6pxtCMhEzH5HRTi9AyQ_GPuHSPAVS8sFC3QdMkrVesRAO6WZZqPuhfqBA20BBJOja5pMQtZNL1ZuJst4Kz1pDjKoiTgMC-pKpc8HbPmXCjc9JfJzMdlyg\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Esquema de Colores Complementarios<\/strong><\/td><\/tr><tr><td>Este esquema utiliza todos los colores que se encuentran en los lados opuestos del c\u00edrculo crom\u00e1tico.<br><strong>El uso de las tonalidades complementarias ayuda a fortalecer el contraste para llamar la atenci\u00f3n hacia un objeto ubicado en el primer plano.<\/strong><br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/4lrWXHJGXoW_krJ7GKJq_Nra0PVyt8MrMzwXOIFuLdElUMIZ_wCDUdPzQPO1cRxc28ykosFjFr3q0mODzR2druzQfBX6gJtm-4YtzopnXALP8vV57HJRxc14Aq8s0i5m5wc2N-S2HjkX4jzONg\" width=\"181\" height=\"149\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Esquema de Colores Complementarios Divididos<\/strong><\/td><\/tr><tr><td>Este esquema hace uso de dos colores adyacentes al tono complementario, es decir aquellos que se encuentran en el lado opuesto del c\u00edrculo crom\u00e1tico.<img loading=\"lazy\" decoding=\"async\" width=\"195\" height=\"139\" src=\"https:\/\/lh6.googleusercontent.com\/6MRJHGXt9GkVFKHduPEVw1P-FhUUKYvQobd397ssAu1TwuA_WqMs1_ol20MEwLcefZXyqF6f9dS3K0F5y-h4nV8WhTo6EQX9Vvz9IVWzvf7noaMcOVoFn0QLGWvkZuUhuxkkgoY2z5ciLqRMPw\" alt=\"\" title=\"\"><br><strong>Estas tonalidades permiten suavizar el contraste extremo de un esquema complementario puro.<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Esquema de Colores Tri\u00e1dicos<\/strong><\/td><\/tr><tr><td><strong>Este esquema compromete la sencillez de los monocrom\u00e1ticos y el contraste de los complementarios, eso quiere decir que utiliza los colores que se encuentran ubicados a 120\u00b0 del c\u00edrculo crom\u00e1tico.<\/strong><img decoding=\"async\" width=\"587\" height=\"287.7182571342143\" src=\"https:\/\/lh6.googleusercontent.com\/UI3huxUVA7l3l5fk4dffsyy1b30wUEeYTouXQFmOpS9OdCkvziCft4mDH35HNq9Pf248GeaNryKYocOTtUqnpZzNnboaJYr7rx8yXTZsYYvA_abN8pjxdQN1D9cdS_bvzXH3Ka6hQD9hi1qKsA\" alt=\"\" title=\"\"><br><strong>Siempre se van a utilizar tres colores para tener una combinaci\u00f3n equilibrada.<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><strong>Esquema de Colores Tetr\u00e1dicos<\/strong><\/td><\/tr><tr><td><strong>El esquema tetr\u00e1dico utiliza cuatro colores que forman un rect\u00e1ngulo dentro del c\u00edrculo crom\u00e1tico. Las diferentes tonalidades comunican variedad y complejidad.<\/strong><br><img decoding=\"async\" width=\"587\" height=\"275.29787792914\" src=\"https:\/\/lh4.googleusercontent.com\/lJ60k3qJixfpDx3BxCyePj9Uu-IEneDnD-JkdDG1xQVqBlT1IweOwIxrmaF70aqkwCSjs9VuP2ILZjmSfCV9ze8BYh2nPVoEAq6vrXVL2eddbm38q2Ultw86kZj_GGYqFcQ51hZyJD3KDCYvfw\" alt=\"\" title=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Otra forma de elegir los colores, es utilizar una tabla donde puedas se\u00f1alar los colores conforme al matiz, valor y croma, as\u00ed como las clases a definir como:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Objetivos: <\/strong>Consiste en definir la atenci\u00f3n, vinculaci\u00f3n, acci\u00f3n, y duraci\u00f3n del website.<\/li><li><strong>G\u00e9nero: <\/strong>Dejar en claro si el contenido va a estar dirigido para p\u00fablico<strong> <\/strong>masculino o femenino.<\/li><li><strong>Ventas: <\/strong>Se tiene que definir si es para subastas o negociaci\u00f3n.<\/li><li><strong>Enmarcado: <\/strong>Considerar la visi\u00f3n general y los detalles de la p\u00e1gina web.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/17-tabla-de-colores.jpg\" alt=\"tabla de colores\" class=\"wp-image-124374\" width=\"576\" height=\"508\" title=\"\" srcset=\"https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/17-tabla-de-colores.jpg 768w, https:\/\/quondos.com\/mag\/wp-content\/uploads\/2022\/05\/17-tabla-de-colores-300x264.jpg 300w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Para usarlo, s\u00f3lo tienes que ir marcando las casillas relevantes y con base a esta informaci\u00f3n podr\u00e1s saber si los colores cumplen con todas las categor\u00edas. No olvides usar tonos cuyos significados cumplan con el objetivo principal de la p\u00e1gina web.<\/strong><\/p>\n\n\n\n<p>Recuerda que el color es el elemento esencial para tocar las emociones de todos los usuarios de tu website, puesto que crea una reacci\u00f3n f\u00edsica y emocional en los espectadores. Los diferentes tonos son capaces de llevar un mensaje al visitante.&nbsp;<\/p>\n\n\n\n<p>Ahora que ya has aprendido sobre la psicolog\u00eda del color y el significado de cada uno de ellos, es momento de emplear el simbolismo de cada tono en tu dise\u00f1o de p\u00e1gina web a favor de tu negocio.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quieres dise\u00f1ar una p\u00e1gina web, \u00bfpero te preguntas de qu\u00e9 color hago mi web? Los colores son muy poderosos ya &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"La psicolog\u00eda del COLOR \u00bfDe qu\u00e9 color hago mi web? \ud83e\udd37\u200d\u2642\ufe0f\" class=\"read-more button\" href=\"https:\/\/quondos.com\/mag\/de-que-color-hago-mi-web\/#more-124352\" aria-label=\"Leer m\u00e1s sobre La psicolog\u00eda del COLOR \u00bfDe qu\u00e9 color hago mi web? \ud83e\udd37\u200d\u2642\ufe0f\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":848,"featured_media":124357,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[163],"tags":[],"class_list":["post-124352","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/124352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/users\/848"}],"replies":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/comments?post=124352"}],"version-history":[{"count":3,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/124352\/revisions"}],"predecessor-version":[{"id":124375,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/posts\/124352\/revisions\/124375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media\/124357"}],"wp:attachment":[{"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/media?parent=124352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/categories?post=124352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quondos.com\/mag\/wp-json\/wp\/v2\/tags?post=124352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}