{"id":6427,"date":"2016-07-19T15:32:45","date_gmt":"2016-07-19T13:32:45","guid":{"rendered":"https:\/\/neoattack.com\/blog\/?p=6427"},"modified":"2026-10-08T08:57:14","modified_gmt":"2026-10-08T06:57:14","slug":"gamas-de-colores-para-paginas-web","status":"publish","type":"post","link":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/","title":{"rendered":"Gamas de colores: Usos, combinaciones y aplicaci\u00f3n web"},"content":{"rendered":"<p><strong>Una gama de colores es<\/strong> la cantidad de distintos matices de colores que se pueden representar en un porci\u00f3n de espacio en concreto. Normalmente nos referimos a dispositivos, y cuanto m\u00e1s amplia sea mejor se ver\u00e1n respresentados los distintos tonos de color.<\/p>\n<div class=\"thumb tright\"><\/div>\n<div class=\"thumb tright\">\n<div class=\"thumbinner\">\n<div class=\"thumbcaption\">\n<div class=\"magnify\">A la hora de dise\u00f1ar una p\u00e1gina web o elegir el conjunto de colores para tu identidad corporativa, la elecci\u00f3n y\u00a0<strong>combinaci\u00f3n de colores<\/strong>\u00a0es uno de los puntos m\u00e1s importantes. Las gamas de colores que elijamos influir\u00e1 en la imagen de la p\u00e1gina as\u00ed como en la imagen de marca, y nos ayudar\u00e1 a que los clientes reconozcan y recuerden f\u00e1cilmente la marca a la que dedicamos la p\u00e1gina web.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>La combinaci\u00f3n de colores tambi\u00e9n hay que tenerlo en cuenta para que los lectores lean c\u00f3modamente los contenidos y no se les canse la vista.<\/p>\n<p>Una gama o escala de color son los diferentes tonos de color que van desde el blanco al negro.Y existen dos sistemas de color el RGB, que lo forman el rojo, verde, el azul y sus mezclas. Y el sistema CMYK, que se compone del clan, magenta, amarillo y sus mezclas.<\/p>\n<p>Para impresi\u00f3n el sistema m\u00e1s indicado es el CYMK y para p\u00e1ginas web los colores que se deben utilizar es el sistema RGB, porque los tonos son m\u00e1s brillantes.<\/p>\n<h2><strong>Pasos a seguir para elegir los colores de tu p\u00e1gina web<\/strong><\/h2>\n<p>Para seleccionar la combinaci\u00f3n de tonos\u00a0de la p\u00e1gina web os detallamos a continuaci\u00f3n las preguntas que debemos contestar para tomar la mejor decisi\u00f3n:<\/p>\n<h3><strong>\u00bfA qui\u00e9n nos queremos dirigir? \u00bfCu\u00e1l es nuestro target?<\/strong><\/h3>\n<p>Lo primero que nos tenemos que plantear es el p\u00fablico al que nos queremos dirigir y en consecuencia elegir la gama de color que m\u00e1s les vaya a atraer.<\/p>\n<p>Tenemos que tener en cuenta que los colores transmiten sensaciones e ideas. Como nuestro objetivo es atraer un p\u00fablico determinado tenemos que saber qu\u00e9 colores son los m\u00e1s indicados para llamar su atenci\u00f3n y que se sientan identificados.<\/p>\n<p>Por ejemplo, si nos queremos dirigir a un p\u00fablico exclusivamente femenino, es recomendable utilizar colores c\u00e1lidos o pasteles. Si por el contrario nuestro p\u00fablico es masculino es mejor elegir gamas de verdes o azules, que son colores fr\u00edos.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1566 size-full\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2016\/07\/colores-dise\u00f1o-web.jpg\" alt=\"colores dise\u00f1o web\" width=\"1000\" height=\"397\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><em>\u00abImagen:\u00a0<\/em><a href=\"https:\/\/www.shutterstock.com\/es\/image-photo\/content-creativity-digital-graphic-layout-webdesign-267935942?src=Ep_xBOtI2tp8EL6_DTGiEw-1-24\"><em>Gamas de colores<\/em><\/a><em>\u00a0de Shutterstock\u00bb<\/em><\/p>\n<h3><strong>\u00bfQu\u00e9 sensaci\u00f3n queremos transmitir con la paleta de color?<\/strong><\/h3>\n<p>Todos somos susceptibles a los efectos de los colores en nuestro animo, no nos sentimos igual en una habitaci\u00f3n en las que han utilizado una gama de colores en rojo que es un color agresivo y excitante, que un lugar pintado con una gama de colores azules que transmiten serenidad y relajaci\u00f3n.<br \/>\nDe la misma manera tenemos que pensar en la sensaci\u00f3n que queremos transmitir a las visitas da nuestra p\u00e1gina web y que gama es la m\u00e1s indicada para nuestro producto.<\/p>\n<p>A continuaci\u00f3n os detallamos cuales son las sensaciones que transmiten los colores<\/p>\n<h4><u>Color Negro<\/u><\/h4>\n<ul>\n<li>El negro es un color que transmite elegancia y exclusividad.<\/li>\n<li>Es una buena opci\u00f3n para productos de lujo, moda o cosm\u00e9tica.<\/li>\n<li>No debe utilizarse para fondos, ya que dificulta la lectura de textos.<\/li>\n<li>La combinaci\u00f3n de colores con el negro no es f\u00e1cil, una buena opci\u00f3n es utilizar blanco o tonos de gris .<\/li>\n<\/ul>\n<h4><u>Color Blanco<\/u><\/h4>\n<ul>\n<li>Transmite transparencia, pureza y elegancia. Pero puede resultar aburrido si no se combina con colores m\u00e1s llamativos.<\/li>\n<li>Se suele utilizar con productos relacionados con la salud, la tecnolog\u00eda y la ciencia. Y combinado con plata, gris o negro es una buena opci\u00f3n para productos de lujo.<\/li>\n<li>Es buena opci\u00f3n para utilizarlo de color de fondo para que los textos se lean c\u00f3modamente.<\/li>\n<\/ul>\n<h4><u>Color Naranja<\/u><\/h4>\n<ul>\n<li>Es un color que transmite la idea de cambio y modernidad. Adem\u00e1s aporta calidez.<\/li>\n<li>Puede ser \u00fatil para destacar las partes de la p\u00e1gina web que nos interesen, pero tampoco debemos abusar porque es un color muy llamativo que puede saturar demasiado.<\/li>\n<li>Combina bien con verdes y tonos tierra que lo contrarrestan.<\/li>\n<li>Se suele utilizar para productos de entretenimiento y productos alimentarios.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/neoattack.com\/agencia-diseno-web\/\"><img decoding=\"async\" class=\"aligncenter wp-image-6268 size-full\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2017\/09\/banner-de-dise\u00f1o-web.jpg\" alt=\"banner de dise\u00f1o web\" width=\"644\" height=\"357\" \/><\/a><\/p>\n<h4><u>Color Azul<\/u><\/h4>\n<ul>\n<li>Las gamas de color azul aunque sea un color fr\u00edo no transmiten sensaciones negativas, si no al contrario, nos aporta calma, tranquilidad y serenidad.<\/li>\n<li>El color azul permite muchas combinaciones con diferentes colores.<\/li>\n<li>Un buen recurso es utilizar diferentes tonos de azul en una misma p\u00e1gina web.<\/li>\n<li>Otra posibilidad es mezclar las gamas de azules con las de verdes, dando unos colores verdes azulados que quedan muy bien en pantalla.<\/li>\n<li>Normalmente no se utiliza con productos alimentarios, pero s\u00ed para productos relacionados con la salud, tecnolog\u00eda o para perfiles profesionales.<\/li>\n<\/ul>\n<h4><u>Color Rojo<\/u><\/h4>\n<ul>\n<li>Las gamas de rojo no son tan f\u00e1ciles de combinar porque es un color muy fuerte y transmite sensaciones positivas como la pasi\u00f3n, pero tambi\u00e9n negativas como las agresividad.<\/li>\n<li>Un soluci\u00f3n es utilizarlo junto con el blanco o gris para contrarrestar su fuerza.<\/li>\n<li>Puede ser muy \u00fatil para llamar la atenci\u00f3n en los lugares que nos interesa que el lector fije su mirada.<\/li>\n<li>El rojo suele utilizarse para productos relacionados con la moda, entretenimiento o deportes.<\/li>\n<\/ul>\n<h4><u>Color Amarillo<\/u><\/h4>\n<ul>\n<li>El amarillo es otro color que transmite sensaciones contrapuestas. Por un lado se considera que es el color de la alegr\u00eda y el optimismo por otro lado representa la envidia.<\/li>\n<li>Las mezclas de amarillo con naranja y con rojos son una buena forma de aplicarlos.<\/li>\n<li>Como puede ser un poco cargante, se puede utilizar los tonos de m\u00e1s suaves de la gama de amarillos.<\/li>\n<li>El amarillo se suele utilizar para llamadas de atenci\u00f3n o para productos juveniles y relacionados con el entretenimiento.<\/li>\n<\/ul>\n<h4><u>Color Verde<\/u><\/h4>\n<ul>\n<li>La gama de colores verdes nos transporta a la naturaleza y nos transmite sostenibilidad, generosidad y esperanza.<\/li>\n<li>Como ya hemos comentado, la mezcla con azules tiene buenos resultados.<\/li>\n<li>Tambi\u00e9n puede combinarse con tonalidades t\u00e9rreas para que de m\u00e1s sensaci\u00f3n de calidez.<\/li>\n<li>Es muy utilizado con productos o empresas relacionadas con el medio ambiente, la medicina o con turismo.<\/li>\n<li>No es muy recomendable para productos destinados a j\u00f3venes.<\/li>\n<\/ul>\n<h4><u>Color Gris<\/u><\/h4>\n<ul>\n<li>El gris es un color que transmite elegancia, sofisticaci\u00f3n y formalidad.<\/li>\n<li>Puede se una buena opci\u00f3n para el fondo, pero puede resultar un poco aburrido. Por eso es interesante combinar el gris con gamas de colores m\u00e1s llamativos.<\/li>\n<\/ul>\n<h4><u>Color Marr\u00f3n<\/u><\/h4>\n<ul>\n<li>Las gamas de color t\u00e9rreas nos acercan a la naturaleza y aportan calidez.<\/li>\n<li>En sus tonos m\u00e1s suaves combina con casi todos los colores m\u00e1s llamativos.<\/li>\n<\/ul>\n<h4><u>Colores Violeta y morado<\/u><\/h4>\n<ul>\n<li>En tonos oscuros transmite sofisticaci\u00f3n y poder. Adem\u00e1s, es un color relajante que es apropiado para productos de belleza y de lujo.<\/li>\n<li>En tonos claros puede ser muy \u00fatil para productos femeninos<\/li>\n<li>Es un color complicado de combinar, la mejor opci\u00f3n para utilizar con el morado son los colores claros o grises.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1567 size-full\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2016\/07\/Herramientas-para-elegir-la-paleta-de-colores-de-nuestra-p\u00e1gina-web.jpg\" alt=\"Herramientas colores web\" width=\"1000\" height=\"397\" \/><\/p>\n<p><em>\u00abImagen:\u00a0<\/em><a href=\"https:\/\/www.shutterstock.com\/es\/image-vector\/graphic-design-flat-icons-set-branding-224418199?src=kRdr1M3uco-sNAJfa__5TA-1-13\"><em>Paleta colores web<\/em><\/a><em>\u00a0de Shutterstock\u00bb<\/em><\/p>\n<h3><strong>\u00bfQu\u00e9 color elegimos? \u00bfQu\u00e9 gama de colores es la id\u00f3nea?<\/strong><\/h3>\n<p>Una vez hayamos contestado a las anteriores preguntas es el momento de elegir la combinaci\u00f3n de colores para la p\u00e1gina para ello hay que tener en cuenta los siguientes puntos:<\/p>\n<ul>\n<li>Es recomendable no utilizar m\u00e1s de tres colores, una paleta de colores muy amplia puede despistar a las visitas de la p\u00e1gina web y dar sensaci\u00f3n de desorden.<\/li>\n<li>Una buena soluci\u00f3n es utilizar dos colores para los elementos generales y un tercer color m\u00e1s llamativo como el rojo o el naranja para resaltar las partes que nos interesa que llamen m\u00e1s la atenci\u00f3n.<\/li>\n<li>Tambi\u00e9n tenemos que tener muy en cuenta la armon\u00eda y el equilibrio de los colores para que el dise\u00f1o sea efectivo y a la vez agradable.<\/li>\n<\/ul>\n<h4>Opciones para combinar colores y colores que combinan<\/h4>\n<p>Para combinar colores tenemos tres opciones:<\/p>\n<ol>\n<li>Elegir colores de la misma gama crom\u00e1tica, es decir, el mismo color en diferentes tonalidades.<\/li>\n<li>Escoger colores complementarios<\/li>\n<li>Combinar colores opuestos para crear contrastes.<\/li>\n<\/ol>\n<p>Para no equivocarnos con la elecci\u00f3n de nuestra\u00a0<strong>paleta de colores<\/strong>\u00a0tenemos que tener en cuenta las combinaciones de colores que nunca debemos hacer:<\/p>\n<ul>\n<li><u>Azul y rojo:<\/u>La combinaci\u00f3n de estos dos colores dificulta la lectura.<\/li>\n<li><u>Rojo sobre negro:<\/u>En general si ponemos un fondo negro y las letras de color en un texto, la lectura ser\u00e1 muy incomoda para las visitas de la web. Adem\u00e1s si elegimos el color rojo sobre negro parecer\u00e1 un texto siniestro o de una pel\u00edcula de terror.<\/li>\n<li><u>Amarillo y verde:<\/u>son dos colores muy llamativos y su combinaci\u00f3n resulta cargante, incluso algo estrenaste por lo que su lectura ser\u00e1 muy inc\u00f3moda.<\/li>\n<li><u>Verde y rojo:<\/u>son dos colores que chocan entre s\u00ed, su elecci\u00f3n para la p\u00e1gina web ser\u00eda una mala decisi\u00f3n que ahuyentar\u00eda las visitas.<\/li>\n<\/ul>\n<p>A la hora de elegir los colores debemos saber cual es el m\u00e1s indicado para\u00a0<strong>cada una de las partes:<\/strong><\/p>\n<ul>\n<li>Para el\u00a0<strong>fondo<\/strong>, necesitamos tonos claros como blanco, grises o beige para que los textos sean legibles.<\/li>\n<li><strong>Botones de llamada de atenci\u00f3n,<\/strong>debemos utilizar colores llamativos como el rojo y el naranja. As\u00ed conseguiremos llamar la atenci\u00f3n, pero en su justa medida para no saturar.<\/li>\n<li>Tambi\u00e9n, podemos utilizar los colores para\u00a0<strong>guiar la mirada del lector<\/strong>a las zonas que nos interesen como cabeceras o la barra del men\u00fa.<\/li>\n<\/ul>\n<h2><strong>\u00bfC\u00f3mo aprovechamos los colores en nuestro beneficio?<\/strong><\/h2>\n<p>Una buena combinaci\u00f3n de colores nos puede ser de provecho a la hora de dise\u00f1ar la p\u00e1gina web, organizar cada una de sus partes y destacar las que nos interesen.<\/p>\n<p>Por ejemplo, un contraste de podemos destacar un texto o una zona y que los visitantes de la p\u00e1gina web fijen la mirada donde nos interese.<\/p>\n<p>Pero siempre se debe hacer respetando la armon\u00eda y el equilibrio entre los colores, tambi\u00e9n hay que tener en cuenta que la mirada del lector se dirige siempre de izquierda a derecha y de abajo a arriba.<\/p>\n<p>Los colores y los contrastes se deben utilizar en su justa medida para que la vista del lector no se canse y cierre la p\u00e1gina antes de leer lo que queremos contarle.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1568 size-full\" src=\"https:\/\/neoattack.com\/wp-content\/uploads\/2016\/07\/Qu\u00e9-color-elegimos-para-nuestra-web.jpg\" alt=\"color web\" width=\"979\" height=\"486\" \/><\/p>\n<p><em>\u00abImagen:\u00a0<span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.shutterstock.com\/es\/image-photo\/design-studio-creativity-ideas-wood-palette-378642805?src=eZWRTRQdZjltfcrH4mu-Ew-1-13\">Herramientas para combinar tonos<\/a><\/span>\u00a0de Shutterstock\u00bb<\/em><\/p>\n<h2><strong>Herramientas para elegir la paleta de colores de nuestra p\u00e1gina web<\/strong><\/h2>\n<p>Os sugerimos unas cuantas herramientas online para crear y guardar las paletas de color que creemos para dise\u00f1ar la p\u00e1gina web.<\/p>\n<h3><em>\u00abKuler\u00bb<\/em>\u00a0Herramienta de combinaciones<\/h3>\n<p>Es una herramienta de Adobe que nos da la oportunidad de crear y guardar combinaciones de colores. Adem\u00e1s, tiene la ventaja que las paletas de color que hagamos en Kuler se pueden utilizar directamente en los dem\u00e1s programas de Adobe como Illustrator, InDesing y Photoshop.<\/p>\n<h3><em>\u00abColors lovers\u00bb<\/em>\u00a0herramienta para combinar<\/h3>\n<p>Colors lovers no es solo una herramienta para combinar colores, tambi\u00e9n es una comunidad en las que creando un perfil puedes compartir tus paletas con otros usuarios y ver que han creado los dem\u00e1s.<\/p>\n<h3><em>\u00abPaletton\u00bb<\/em>\u00a0Color Scheme Designer<\/h3>\n<p>Es una herramienta sencilla, pero tiene una aplicaci\u00f3n muy \u00fatil, permite ver los colores como los perciben los dalt\u00f3nicos.<\/p>\n<h3><em>\u00abColor Hunter\u00bb<\/em>\u00a0herramienta combinar gamas de colores<\/h3>\n<p>Ofrece la posibilidad de subir im\u00e1genes a la aplicaci\u00f3n para que nos d\u00e9 los colores que forman la paleta de la fotograf\u00eda. Gracias a esta herramienta online cualquier imagen nos puede servir de inspiraci\u00f3n.<\/p>\n<h3><em>\u00abColor Blender\u00bb<\/em>\u00a0Aplicaci\u00f3n de elecciones de colores Pantone<\/h3>\n<p>Lo mejor de esta aplicaci\u00f3n nos especifica el color Pantone de las combinaciones que elegimos, adem\u00e1s ofrece la posibilidad de trabajar con las paletas que creemos en los programas de dise\u00f1o de Adobe.<\/p>\n<h2><strong>Aplicaciones para smartphone para crear paletas de color<\/strong><\/h2>\n<h3>Real Colors para Android<\/h3>\n<p>Permite la posibilidad de crear una paleta de color a trav\u00e9s de una fotograf\u00eda y luego editar los colores. Es muy \u00fatil tener una aplicaci\u00f3n como esta en el m\u00f3vil porque podemos guardar los colores que nos gusten estando en cualquier lugar haciendo una fotograf\u00eda.<\/p>\n<h3>Color Scheme para IOS<\/h3>\n<p>En esta aplicaci\u00f3n se puede utilizar la cuenta de Colors Lovers, para crear y guardar las combinaciones de color que nos interesen.<\/p>\n<p><strong>Y t\u00fa, \u00bfya sabes qu\u00e9 combinaciones de colores y qu\u00e9 gamas de colores vas a utilizar en tu identidad corporativa y p\u00e1gina web?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una gama de colores es la cantidad de distintos matices de colores que se pueden representar en un porci\u00f3n de espacio en concreto. Normalmente nos referimos a dispositivos, y cuanto m\u00e1s amplia sea mejor se ver\u00e1n respresentados los distintos tonos de color. A la hora de dise\u00f1ar una p\u00e1gina web o elegir el conjunto de [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":901,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-6427","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u2191 Gamas de Colores: Combinaciones y aplicaci\u00f3n web \u2191<\/title>\n<meta name=\"description\" content=\"Aprende c\u00f3mo utilizar las gamas de colores en tus dise\u00f1os \u26a1, c\u00f3mo combinarlos y c\u00f3mo aplicarlos a tus p\u00e1ginas web \u2705\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2191 Gamas de Colores: Combinaciones y aplicaci\u00f3n web \u2191\" \/>\n<meta property=\"og:description\" content=\"Aprende c\u00f3mo utilizar las gamas de colores en tus dise\u00f1os \u26a1, c\u00f3mo combinarlos y c\u00f3mo aplicarlos a tus p\u00e1ginas web \u2705\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/\" \/>\n<meta property=\"og:site_name\" content=\"NeoAttack\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-19T13:32:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T06:57:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2016\/07\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alejandra Salleras\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandra Salleras\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/\"},\"author\":{\"name\":\"Alejandra Salleras\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/person\\\/4f1ec6203a1e00f4046660282f08d329\"},\"headline\":\"Gamas de colores: Usos, combinaciones y aplicaci\u00f3n web\",\"datePublished\":\"2016-07-19T13:32:45+00:00\",\"dateModified\":\"2026-10-08T06:57:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/\"},\"wordCount\":2119,\"publisher\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/\",\"name\":\"\u2191 Gamas de Colores: Combinaciones y aplicaci\u00f3n web \u2191\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg\",\"datePublished\":\"2016-07-19T13:32:45+00:00\",\"dateModified\":\"2026-10-08T06:57:14+00:00\",\"description\":\"Aprende c\u00f3mo utilizar las gamas de colores en tus dise\u00f1os \u26a1, c\u00f3mo combinarlos y c\u00f3mo aplicarlos a tus p\u00e1ginas web \u2705\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg\",\"width\":780,\"height\":380,\"caption\":\"gamas de colores\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/gamas-de-colores-para-paginas-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gamas de colores: Usos, combinaciones y aplicaci\u00f3n web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\",\"name\":\"NeoAttack Blog\",\"description\":\"Blog de NeoAttack\",\"publisher\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#organization\",\"name\":\"NeoAttack Blog\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-logo_neoattack_fondo_oscuro.jpg\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-logo_neoattack_fondo_oscuro.jpg\",\"width\":1200,\"height\":675,\"caption\":\"NeoAttack Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/#\\\/schema\\\/person\\\/4f1ec6203a1e00f4046660282f08d329\",\"name\":\"Alejandra Salleras\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"contentUrl\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/team-alejandra-salleras-150x150.webp\",\"caption\":\"Alejandra Salleras\"},\"description\":\"Responsable de SEO y Contenidos \u00bfSoy la directora de SEO y contenidos? Si, porque alguien tiene que hacer que Google nos adore. \u00bfEst\u00e1s buscando a alguien que te d\u00e9 un discurso bonito? Te ha equivocado de persona. \u00bfSi tengo tiempo para rodeos? Claro, entre nunca y jam\u00e1s. Aqu\u00ed estamos para conseguir resultados, no excusas.Y si te preguntas por qu\u00e9 esta descripci\u00f3n es tan directa, no puedo responderte porque acabo de despedir al becario que la escribi\u00f3.\",\"sameAs\":[\"http:\\\/\\\/www.linkedin.com\\\/in\\\/alejandra-salleras-grand-9222971aa\\\/\"],\"url\":\"https:\\\/\\\/neoattack.com\\\/blog\\\/author\\\/alejandra\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2191 Gamas de Colores: Combinaciones y aplicaci\u00f3n web \u2191","description":"Aprende c\u00f3mo utilizar las gamas de colores en tus dise\u00f1os \u26a1, c\u00f3mo combinarlos y c\u00f3mo aplicarlos a tus p\u00e1ginas web \u2705","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:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/","og_locale":"es_ES","og_type":"article","og_title":"\u2191 Gamas de Colores: Combinaciones y aplicaci\u00f3n web \u2191","og_description":"Aprende c\u00f3mo utilizar las gamas de colores en tus dise\u00f1os \u26a1, c\u00f3mo combinarlos y c\u00f3mo aplicarlos a tus p\u00e1ginas web \u2705","og_url":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/","og_site_name":"NeoAttack","article_published_time":"2016-07-19T13:32:45+00:00","article_modified_time":"2026-10-08T06:57:14+00:00","og_image":[{"width":780,"height":380,"url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2016\/07\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg","type":"image\/jpeg"}],"author":"Alejandra Salleras","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alejandra Salleras","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#article","isPartOf":{"@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/"},"author":{"name":"Alejandra Salleras","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/person\/4f1ec6203a1e00f4046660282f08d329"},"headline":"Gamas de colores: Usos, combinaciones y aplicaci\u00f3n web","datePublished":"2016-07-19T13:32:45+00:00","dateModified":"2026-10-08T06:57:14+00:00","mainEntityOfPage":{"@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/"},"wordCount":2119,"publisher":{"@id":"https:\/\/neoattack.com\/blog\/#organization"},"image":{"@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#primaryimage"},"thumbnailUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2016\/07\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/","url":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/","name":"\u2191 Gamas de Colores: Combinaciones y aplicaci\u00f3n web \u2191","isPartOf":{"@id":"https:\/\/neoattack.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#primaryimage"},"image":{"@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#primaryimage"},"thumbnailUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2016\/07\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg","datePublished":"2016-07-19T13:32:45+00:00","dateModified":"2026-10-08T06:57:14+00:00","description":"Aprende c\u00f3mo utilizar las gamas de colores en tus dise\u00f1os \u26a1, c\u00f3mo combinarlos y c\u00f3mo aplicarlos a tus p\u00e1ginas web \u2705","breadcrumb":{"@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#primaryimage","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2016\/07\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2016\/07\/gamas-de-colores-usos-combinaciones-y-aplicacion-web-1024x509-1-6.jpg","width":780,"height":380,"caption":"gamas de colores"},{"@type":"BreadcrumbList","@id":"https:\/\/neoattack.com\/blog\/gamas-de-colores-para-paginas-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/neoattack.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Gamas de colores: Usos, combinaciones y aplicaci\u00f3n web"}]},{"@type":"WebSite","@id":"https:\/\/neoattack.com\/blog\/#website","url":"https:\/\/neoattack.com\/blog\/","name":"NeoAttack Blog","description":"Blog de NeoAttack","publisher":{"@id":"https:\/\/neoattack.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/neoattack.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/neoattack.com\/blog\/#organization","name":"NeoAttack Blog","url":"https:\/\/neoattack.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/cropped-logo_neoattack_fondo_oscuro.jpg","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/cropped-logo_neoattack_fondo_oscuro.jpg","width":1200,"height":675,"caption":"NeoAttack Blog"},"image":{"@id":"https:\/\/neoattack.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/neoattack.com\/blog\/#\/schema\/person\/4f1ec6203a1e00f4046660282f08d329","name":"Alejandra Salleras","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","url":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","contentUrl":"https:\/\/neoattack.com\/blog\/wp-content\/uploads\/2026\/09\/team-alejandra-salleras-150x150.webp","caption":"Alejandra Salleras"},"description":"Responsable de SEO y Contenidos \u00bfSoy la directora de SEO y contenidos? Si, porque alguien tiene que hacer que Google nos adore. \u00bfEst\u00e1s buscando a alguien que te d\u00e9 un discurso bonito? Te ha equivocado de persona. \u00bfSi tengo tiempo para rodeos? Claro, entre nunca y jam\u00e1s. Aqu\u00ed estamos para conseguir resultados, no excusas.Y si te preguntas por qu\u00e9 esta descripci\u00f3n es tan directa, no puedo responderte porque acabo de despedir al becario que la escribi\u00f3.","sameAs":["http:\/\/www.linkedin.com\/in\/alejandra-salleras-grand-9222971aa\/"],"url":"https:\/\/neoattack.com\/blog\/author\/alejandra\/"}]}},"_links":{"self":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/comments?post=6427"}],"version-history":[{"count":1,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6427\/revisions"}],"predecessor-version":[{"id":8744,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/posts\/6427\/revisions\/8744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/media\/901"}],"wp:attachment":[{"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/media?parent=6427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/categories?post=6427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/neoattack.com\/blog\/wp-json\/wp\/v2\/tags?post=6427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}