{"id":40180,"date":"2024-01-09T10:00:14","date_gmt":"2024-01-09T09:00:14","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=7839"},"modified":"2025-04-28T16:22:03","modified_gmt":"2025-04-28T14:22:03","slug":"contrastes-de-7-colores-efecto-de-colores-complementarios","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/","title":{"rendered":"Contrastes de color en el arte &#8211; colores complementarios, Itten y el n\u00famero 7"},"content":{"rendered":"<p>Si dos o m\u00e1s colores se colocan en relaci\u00f3n directa entre s\u00ed, crean un efecto completamente nuevo en funci\u00f3n de sus propiedades respectivas y de su combinaci\u00f3n.<!--more--><\/p>\n<p>El profesor de arte y pintor suizo Johannes Itten (1888 &#8211; 1967) sistematiz\u00f3 tales interacciones entre colores adyacentes. Defini\u00f3 siete contrastes de color basados en una rueda crom\u00e1tica que \u00e9l mismo desarroll\u00f3 y que a\u00fan hoy forman parte integrante de la teor\u00eda del dise\u00f1o moderno.<br \/>\nSin embargo, antes de examinar los distintos contrastes de color, tiene sentido echar un vistazo m\u00e1s de cerca a la rueda de color de Itten.<\/p>\n<figure id=\"attachment_7844\" aria-describedby=\"caption-attachment-7844\" style=\"width: 290px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7844\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Farbkreis_Itten-680x680-1.png\" alt=\"Una rueda colorida con m\u00faltiples segmentos de varios colores, como verde, amarillo, naranja, rojo, rosa, morado y azul, rodea una figura geom\u00e9trica central con colores similares. El dise\u00f1o se asemeja a un espectro de colores o al arte moderno.\" width=\"290\" height=\"290\" \/><figcaption id=\"caption-attachment-7844\" class=\"wp-caption-text\">Fig. 1: C\u00edrculo crom\u00e1tico de Johannes Itten<\/figcaption><\/figure>\n<p>La conocida rueda crom\u00e1tica de doce partes de Itten se basa en los tres colores b\u00e1sicos o primarios rojo, amarillo y azul, a partir de los cuales se pueden mezclar los tres colores secundarios naranja, verde y violeta. Si se mezclan los colores primarios y secundarios, se producen otros seis colores mezclados, los llamados colores terciarios (rojo anaranjado, amarillo oscuro, verde claro, verde azulado, violeta azulado y rojo p\u00farpura).<\/p>\n<p>Sin embargo, con el paso de los a\u00f1os, el modelo de Itten fue criticado por Harald K\u00fcppers, un t\u00e9cnico de impresi\u00f3n alem\u00e1n. Se\u00f1al\u00f3 que los colores opuestos entre s\u00ed en una rueda crom\u00e1tica -los llamados colores complementarios- deber\u00edan f\u00edsicamente dar siempre como resultado el gris. Sin embargo, los colores complementarios de Itten producen en realidad tonos marrones y sucios cuando se mezclan.<\/p>\n<p>K\u00fcppers tambi\u00e9n critic\u00f3 el hecho de que Itten no prestara m\u00e1s atenci\u00f3n a los colores blanco y negro en su rueda crom\u00e1tica.<\/p>\n<p>Independientemente de las cr\u00edticas de K\u00fcppers, se puede observar que las mezclas de colores realizadas seg\u00fan la teor\u00eda del color de Itten son dif\u00edciles de mezclar y no siempre f\u00e1ciles de entender.<\/p>\n<figure id=\"attachment_7852\" aria-describedby=\"caption-attachment-7852\" style=\"width: 290px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7852\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Farbmodell_Kueppers-385x420-1.png\" alt=\"Un c\u00edrculo crom\u00e1tico hexagonal con tonos arco\u00edris rodea un patr\u00f3n geom\u00e9trico central en blanco y negro. Debajo, una barra de degradado rectangular va del blanco al negro sobre un fondo gris.\" width=\"290\" height=\"316\" \/><figcaption id=\"caption-attachment-7852\" class=\"wp-caption-text\">Fig. 2: Modelo de color de Harald K\u00fcppers<\/figcaption><\/figure>\n<p>En su propio modelo de color hexagonal, K\u00fcppers present\u00f3 entonces sus ocho colores b\u00e1sicos: los colores primarios de luz rojo, verde y azul -seg\u00fan K\u00fcppers rojo anaranjado, azul violeta y verde-, los colores primarios de impresi\u00f3n cian, magenta y amarillo, as\u00ed como el blanco y el negro. Estos colores primarios dan lugar a un n\u00famero de colores mezclables mucho mayor de lo que es posible en la pr\u00e1ctica con la teor\u00eda del color de Itten. Adem\u00e1s, ambos tipos de colores, los de pantalla y los de impresi\u00f3n, tienen cabida en un mismo modelo.<\/p>\n<p>Por tanto, la teor\u00eda del color de K\u00fcpper es de especial inter\u00e9s para los dise\u00f1adores de medios y se incluir\u00e1 en la siguiente consideraci\u00f3n de los siete contrastes de color de Itten.<\/p>\n<h2>Los 7 contrastes de color<\/h2>\n<h2>1. El contraste de color en s\u00ed mismo (o contraste de color)<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7856 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Farbe-an-sich-Kontrast-Rot-Gelb-Blau-150x150-1.jpg\" alt=\"Un cuadrado rojo centrado dentro de un cuadrado amarillo m\u00e1s grande, que est\u00e1 rodeado por un cuadrado azul a\u00fan m\u00e1s grande, creando un patr\u00f3n geom\u00e9trico en capas.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7854 size-thumbnail alignnone\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Farbe-an-sich-Kontrast-Orange-Gruen-Violett-150x150-1.jpg\" alt=\"Una imagen cuadrada que presenta tres cuadrados anidados: un cuadrado naranja en el centro, rodeado por un cuadrado verde y un cuadrado violeta como capa m\u00e1s externa.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7855 size-thumbnail alignnone\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Farbe-an-sich-Kontrast-Pastelltoene-150x150-1.jpg\" alt=\"Una imagen cuadrada que presenta un gran fondo azul pastel, con un cuadrado violeta m\u00e1s peque\u00f1o centrado en su interior y un cuadrado amarillo a\u00fan m\u00e1s peque\u00f1o en el centro del cuadrado violeta, creando un efecto de capas.\" width=\"150\" height=\"150\" \/><br \/>\n<sub>El color-en-contraste con los colores primarios de Itten rojo, amarillo y azul (izquierda), los colores secundarios naranja, verde y violeta (centro) y los colores pastel mezclados (derecha)<\/sub>.<\/p>\n<p>El contraste de colores se crea cuando se combinan al menos dos colores puros.<br \/>\nEl contraste es especialmente alto cuando se eligen colores puros y fuertes que est\u00e1n muy alejados en la rueda crom\u00e1tica. Un ejemplo de ello es la combinaci\u00f3n de los colores primarios rojo, amarillo y azul de Itten.<\/p>\n<p>Con sus colores no adulterados, el contraste de colores resulta muy vistoso, llamativo y fuerte. Se asocia a caracter\u00edsticas como alegre, brillante, despreocupado pero tambi\u00e9n ingenuo, chill\u00f3n y estridente.<\/p>\n<p>En publicidad, el contraste atrae r\u00e1pidamente la atenci\u00f3n. Tambi\u00e9n encarna la vitalidad, la versatilidad y la creatividad.<\/p>\n<p>Sin embargo, la combinaci\u00f3n de varios tonos de color tambi\u00e9n puede parecer intrusiva y chillona. Para contrarrestarlo, se reduce, por ejemplo, el brillo y la saturaci\u00f3n de los colores. Los colores m\u00e1s suaves y pastel tienen un efecto calmante y menos estridente. La combinaci\u00f3n de colores mezclados tambi\u00e9n suele tener un efecto m\u00e1s agradable en el espectador, ya que son menos intensos que los colores puros.<\/p>\n<h2>2. contraste complementario<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7858 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Komplementaerkontrast-Blau-Gelb-150x150-1.jpg\" alt=\"Una imagen dividida verticalmente con la mitad izquierda en azul s\u00f3lido y la mitad derecha en amarillo s\u00f3lido.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7859 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Komplementaerkontrast-Gruen-Magenta-150x150-1.jpg\" alt=\"Una imagen dividida verticalmente con un color verde oscuro en el lado izquierdo y un color rosa brillante en el lado derecho.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7860 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Komplementaerkontrast-Rot-Cyan-150x150-1.jpg\" alt=\"Una imagen dividida verticalmente con la mitad izquierda en rojo s\u00f3lido y la mitad derecha en cian brillante.\" width=\"150\" height=\"150\" \/><\/p>\n<p>El contraste complementario es una forma extrema de contraste de colores que se crea combinando dos colores complementarios.<\/p>\n<p>Los colores complementarios son colores opuestos entre s\u00ed en la rueda crom\u00e1tica; por ejemplo, seg\u00fan K\u00fcppers, los pares de colores rojo y cian, verde y magenta o azul y amarillo.<br \/>\nEl contraste entre dos colores complementarios parece muy extremo y vivo, ya que los colores refuerzan el efecto del otro. Se trata de una ventaja que los dise\u00f1adores aprovechan para que los motivos, los dise\u00f1os o la publicidad parezcan a\u00fan m\u00e1s impresionantes.<br \/>\nAl igual que ocurre con el contraste de color en s\u00ed mismo, las combinaciones de colores complementarios mezclados tambi\u00e9n dan lugar a un contraste m\u00e1s suave con el contraste complementario.<\/p>\n<div class=\"custom-background-grey\">\n<p>\u00bfConoce este fen\u00f3meno?<br \/>\nCuando dos colores complementarios se colocan uno al lado del otro o se combinan como texto y fondo, nuestro sentido de la vista se sobreestimula. El resultado es un \u00abparpadeo\u00bb en los l\u00edmites entre los colores, que crea una impresi\u00f3n desagradable. Este parpadeo puede reducirse, por ejemplo, ajustando el brillo de uno o ambos colores.<\/p>\n<\/div>\n<h2><\/h2>\n<h2>3. Contraste claro-oscuro (o contraste de luminosidad)<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7863 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Hell-Dunkel-Kontrast-Schwarzweiss-150x150-1.jpg\" alt=\"Una imagen dividida verticalmente con la mitad izquierda en negro s\u00f3lido y la mitad derecha en blanco s\u00f3lido.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7861 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Hell-Dunkel-Kontrast-Gelb-auf-Blau-150x150-1.jpg\" alt=\"Texto Gelb auf Blau en letras amarillas sobre fondo azul brillante.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7862 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Hell-Dunkel-Kontrast-Gruen-auf-Magenta-150x150-1.jpg\" alt=\"La imagen presenta las palabras alemanas Gr\u00fcn auf Magenta en texto verde centrado sobre un fondo magenta brillante.\" width=\"150\" height=\"150\" \/><br \/>\n<sub>El contraste claro-oscuro m\u00e1s fuerte a la izquierda: blanco\/negro. En el centro, un ejemplo de fuente con letras amarillas sobre fondo azul. A la derecha, un ejemplo que muestra la escasa legibilidad del verde sobre el color complementario magenta.<\/sub><\/p>\n<p>En el contraste claro-oscuro, un color claro se yuxtapone a un color oscuro. Se utilizan tanto colores claros como el negro, el blanco y el gris, siendo la combinaci\u00f3n de blanco y negro la que forma el contraste m\u00e1s extremo.<br \/>\nEspecialmente para logotipos, <a href=\"https:\/\/www.onlineprinters.es\/k\/flyer\">volantes<\/a>, <a href=\"https:\/\/www.onlineprinters.es\/k\/plakate\">carteles<\/a> o pictogramas, un fuerte contraste claro-oscuro resulta llamativo, f\u00e1cil de leer y memorable.<\/p>\n<p>Adem\u00e1s de la cl\u00e1sica combinaci\u00f3n de letras negras sobre fondo blanco, los elementos de texto de color claro quedan mejor sobre superficies oscuras. Cuando coloque texto de color sobre superficies de color, es aconsejable elegir colores que difieran mucho en brillo. De los colores puros y brillantes, el amarillo y el azul forman el contraste m\u00e1s fuerte entre la luz y la oscuridad. Un texto en amarillo brillante destaca muy bien sobre un fondo azul y es f\u00e1cil de leer.<br \/>\nEn cambio, los colores complementarios magenta y verde presentan la menor diferencia de luminosidad. Estas combinaciones de colores, que no ofrecen un contraste claro-oscuro suficiente, son menos adecuadas para los textos.<\/p>\n<p>Sin embargo, el contraste claro-oscuro tambi\u00e9n desempe\u00f1a un papel importante en las fotograf\u00edas. En la fotograf\u00eda en blanco y negro, son los fuertes contrastes entre elementos claros y oscuros los que hacen interesante un motivo y contribuyen al efecto de espacialidad y profundidad. El enfoque de la imagen tambi\u00e9n puede verse influido por el contraste entre la luz y la oscuridad: Los elementos m\u00e1s claros destacan en contraste con un entorno m\u00e1s oscuro y, de este modo, se convierten r\u00e1pidamente en la parte m\u00e1s importante del conjunto.<\/p>\n<h2>4. contraste fr\u00edo-calor<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7866 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Kalt-Warm-Cyan-Rot-150x150-1.jpg\" alt=\"Un dise\u00f1o dividido en diagonal con la mitad superior izquierda en rojo s\u00f3lido y la mitad inferior derecha en cian brillante.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7864 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Kalt-Warm-Blau-Gelb-150x150-1.jpg\" alt=\"Una imagen cuadrada se divide diagonalmente en dos tri\u00e1ngulos. El tri\u00e1ngulo superior es azul y el inferior, amarillo.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7865 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Kalt-Warm-Cyan-Orange-150x150-1.jpg\" alt=\"Un dise\u00f1o dividido en diagonal con verde azulado en la parte superior izquierda y beige en la parte inferior derecha.\" width=\"150\" height=\"150\" \/><br \/>\n<sub>A la izquierda el contraste fr\u00edo-c\u00e1lido m\u00e1s extremo rojo\/cian. A su lado otros dos ejemplos de colores mezclados.<\/sub><\/p>\n<p>Seg\u00fan nuestra percepci\u00f3n, dividimos los colores en colores c\u00e1lidos y colores fr\u00edos. Asignamos colores como el rojo, el naranja o el amarillo a la categor\u00eda \u00abc\u00e1lidos\u00bb. Por el contrario, los tonos verdes azulados, el cian, el azul medio y el azul se consideran \u00abfr\u00edos\u00bb. Los colores verde y magenta no pueden asignarse con tanta claridad.<\/p>\n<p>En el contraste fr\u00edo-c\u00e1lido, los colores fr\u00edos y c\u00e1lidos se enfrentan entre s\u00ed. Estas combinaciones de colores tienen un efecto muy intenso y expresivo. Tambi\u00e9n se asocian subjetivamente con muchas otras caracter\u00edsticas: sombreado o soleado, calmante o estimulante, lejos o cerca, ligero o pesado y h\u00famedo o seco. Estos pares de contrastes pueden ilustrarse de forma excelente con el uso de tonos de color fr\u00edos y c\u00e1lidos.<\/p>\n<p>Por cierto, el contraste fr\u00edo-calor m\u00e1s extremo lo forman los colores complementarios rojo y cian, ya que el rojo est\u00e1 clasificado como el color m\u00e1s c\u00e1lido y el cian como el m\u00e1s fr\u00edo.<\/p>\n<h2>5. contraste de calidad (o tambi\u00e9n contraste de saturaci\u00f3n o contraste de intensidad)<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7870 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Qualitaetskontrast-Magenta-150x150-1.jpg\" alt=\"Un cuadrado rosa brillante centrado dentro de un cuadrado rosa m\u00e1s oscuro, ambos sobre un fondo gris. Las formas crean un patr\u00f3n geom\u00e9trico simple y en capas.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7869 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Qualitaetskontrast-Gruen-150x150-1.jpg\" alt=\"Un cuadrado verde azulado est\u00e1 centrado dentro de un borde verde azulado oscuro sobre un fondo verde azulado apagado.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7868 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Qualitaetskontrast-Gelb-150x150-1.jpg\" alt=\"Un cuadrado gris centrado dentro de un cuadrado verde, ambos ubicados sobre un fondo amarillo brillante.\" width=\"150\" height=\"150\" \/><\/p>\n<p>La calidad del color describe el grado de pureza o saturaci\u00f3n de un color.<br \/>\nSi se combinan colores puros y saturados con variantes menos saturadas, se habla de contraste de calidad.<\/p>\n<p>Para reducir la calidad crom\u00e1tica de un color como el magenta o el verde, se le pueden a\u00f1adir los colores negro, blanco o gris, as\u00ed como el color complementario. Esto hace que el color se vuelva turbio, apagado y gris\u00e1ceo. Si el color saturado se coloca ahora en contraste, destaca autom\u00e1ticamente, ya que los tonos desaturados se desvanecen en el fondo &#8211; se desvanecen literalmente junto al color brillante. Tales combinaciones parecen tranquilas y equilibradas, pero al mismo tiempo poco llamativas y llamativas.<\/p>\n<p>Para conseguir gradaciones de mayor contraste de un color, adem\u00e1s de la saturaci\u00f3n tambi\u00e9n se puede modificar la luminosidad del color. Estas gradaciones de color se perciben como especialmente armoniosas y suelen utilizarse en dise\u00f1os monocrom\u00e1ticos, es decir, monocolor.<\/p>\n<h3>Contraste color-no color<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7872 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Bunt-Unbunt-Kontrast-Gelb-Weiss-150x150-1.jpg\" alt=\"Un cuadrado amarillo brillante centrado sobre un fondo blanco liso.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7871 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Bunt-Unbunt-Kontrast-Gelb-Schwarz-150x150-1.jpg\" alt=\"Un cuadrado amarillo brillante centrado sobre un fondo negro s\u00f3lido.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7873 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Bunt-Unbunt-Kontrast-Gruen-Grau-150x150-1.jpg\" alt=\"Un peque\u00f1o cuadrado verde centrado sobre un fondo gris.\" width=\"150\" height=\"150\" \/><\/p>\n<p>El contraste coloreado-no coloreado es una forma especial de contraste de calidad o de saturaci\u00f3n. No es uno de los siete contrastes de color de Itten, pero debe mencionarse aqu\u00ed por su gran importancia en el dise\u00f1o.<\/p>\n<p>El contraste crom\u00e1tico-acrom\u00e1tico describe la yuxtaposici\u00f3n de colores brillantes y colores acrom\u00e1ticos, es decir, el negro, el blanco y el gris.<\/p>\n<p>Si los colores brillantes se colocan sobre el negro, aparecen brillantes y especialmente presentes, a excepci\u00f3n de los tonos oscuros.<\/p>\n<p>Los colores aparecen amables sobre el blanco. Sin embargo, hay que tener en cuenta que los colores muy vivos, como el amarillo, son menos eficaces sobre fondo blanco que sobre negro.<\/p>\n<p>Al combinar colores con gris, la diferencia de luminosidad entre los colores y el tono gris es muy importante. Cuanto m\u00e1s parecidos sean los valores de luminosidad de un color y del gris, menos eficaces ser\u00e1n.<\/p>\n<h2>6. Contraste de cantidad (o tambi\u00e9n contraste de \u00e1rea)<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7875 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Quantitaetskontrast-Gelb-Violett-150x150-1.jpg\" alt=\"Un peque\u00f1o cuadrado amarillo est\u00e1 ubicado en la esquina superior derecha de un fondo cuadrado morado m\u00e1s grande.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7876 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Quantitaetskontrast-Orange-Blau-150x150-1.jpg\" alt=\"Un cuadrado azul con un cuadrado naranja m\u00e1s peque\u00f1o ubicado en la esquina superior derecha.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7877 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Quantitaetskontrast-Rot-Gruen-150x150-1.jpg\" alt=\"Un cuadrado rojo con un cuadrado verde ligeramente m\u00e1s peque\u00f1o centrado en su interior.\" width=\"150\" height=\"150\" \/><\/p>\n<p>El contraste cuantitativo no es directamente un contraste de color. En realidad, Itten se refiere a las proporciones o relaciones de superficie en las que se sit\u00faan los colores entre s\u00ed.<\/p>\n<p>Los colores c\u00e1lidos y claros se perciben con m\u00e1s intensidad que los fr\u00edos y oscuros. Los elementos amarillos, por ejemplo, captan inmediatamente la atenci\u00f3n del espectador, mientras que los violetas del mismo tama\u00f1o parecen discretos y sutiles.<\/p>\n<p>Para dirigir eficazmente el impacto de los colores -especialmente en relaci\u00f3n con los dem\u00e1s- se pueden coordinar en funci\u00f3n del tama\u00f1o de su superficie.<\/p>\n<p>Para conseguir un efecto tranquilo y equilibrado, los colores c\u00e1lidos con una luminosidad alta deben ocupar una proporci\u00f3n menor de la superficie que los colores fr\u00edos con una luminosidad baja. En nuestro ejemplo de combinaci\u00f3n de colores amarillo y violeta, esto significar\u00eda que el elemento amarillo deber\u00eda ser considerablemente m\u00e1s peque\u00f1o que el violeta para que ambos colores tengan el mismo efecto.<br \/>\nSin embargo, no hay que olvidar que los colores desiguales crean tensi\u00f3n y actividad, por lo que los contrastes de superficie deben elegirse de forma consciente y cuidadosa en funci\u00f3n de la intenci\u00f3n.<\/p>\n<h2>7. contraste simult\u00e1neo<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7880 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Simultankontrast-Gruen-150x150-1.jpg\" alt=\"Un cuadrado gris centrado en un fondo verde s\u00f3lido.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7878 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Simultankontrast-Gelb-150x150-1.jpg\" alt=\"Un peque\u00f1o cuadrado gris centrado en un fondo amarillo brillante.\" width=\"150\" height=\"150\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7879 size-thumbnail\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/Simultankontrast-Gelb-Violett-150x150-1.jpg\" alt=\"Un cuadrado amarillo centrado sobre un fondo morado.\" width=\"150\" height=\"150\" \/><\/p>\n<p>El contraste simult\u00e1neo es un fen\u00f3meno \u00f3ptico en el que un color se ve influido por la superficie que lo rodea.<\/p>\n<p>Por ejemplo, si miramos un cuadrado gris neutro sobre una superficie verde, observaremos que el gris aparece c\u00e1lido y casi rojizo. Por el contrario, el mismo cuadrado con el mismo tono de gris aparece fr\u00edo y ligeramente azulado frente a una superficie amarilla.<br \/>\nEsta impresi\u00f3n subjetiva surge porque cuando miramos un color, nuestro sentido de la vista siempre intenta crear el color complementario correspondiente en su entorno. Por tanto, nuestros ojos se esfuerzan por encontrar un equilibrio.<\/p>\n<p>Este fen\u00f3meno puede ser menos importante a la hora de dise\u00f1ar volantes, carteles o folletos; sin embargo, siempre hay que tener en cuenta que cada color de fondo y cada zona coloreada influyen en los elementos colocados sobre ellos. Esto desempe\u00f1a un papel especialmente importante en el dise\u00f1o corporativo, por ejemplo cuando se trata de colocar un logotipo en color sobre zonas de fondo coloreadas.<\/p>\n<p>Con los colores complementarios, el contraste simult\u00e1neo realza el efecto crom\u00e1tico. Por ejemplo, el amarillo aparece m\u00e1s brillante y puro sobre el violeta que sobre otros colores.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"fondo personalizado-gris\">\n<h3>Fuentes de las im\u00e1genes:<\/h3>\n<p>Fig. 1 &#8211; Ahrens Malte: C\u00edrculo crom\u00e1tico de doce partes seg\u00fan Johannes Itten (1961) (https:\/\/de.wikipedia.org\/wiki\/Datei:Farbkreis_Itten_1961.svg)<br \/>\nFig. 2 &#8211; Hewin: El esquema b\u00e1sico de la teor\u00eda del color seg\u00fan Harald K\u00fcppers (1976) (https:\/\/de.wikipedia.org\/wiki\/Farbkreis#\/media\/File:Farbenkreis_k%C3%BCppers_svg.svg)<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Los dise\u00f1os, la publicidad, su propia p\u00e1gina web o el dise\u00f1o corporativo viven del uso de m\u00faltiples colores. \u00bfQu\u00e9 es importante aqu\u00ed?<\/p>\n","protected":false},"author":40,"featured_media":40149,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Contrastes de color en el arte &quot; Colores complementarios, Itten y el n\u00famero 7<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 contrastes de color existen en el arte y qu\u00e9 efecto consiguen? Desc\u00fabralo todo sobre los colores complementarios, Johannes Itten y el n\u00famero 7.\" \/>\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.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contrastes de color en el arte &#8211; colores complementarios, Itten y el n\u00famero 7\" \/>\n<meta property=\"og:description\" content=\"Welche Farbkontraste gibt es und welche Wirkung haben sie? Erfahrt mehr im Magazin!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.es Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-09T09:00:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T14:22:03+00:00\" \/>\n<meta name=\"author\" content=\"Lena\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Contrastes de color en el arte &#8211; colores complementarios, Itten y el n\u00famero 7\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lena\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/\",\"name\":\"Contrastes de color en el arte \\\" Colores complementarios, Itten y el n\u00famero 7\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg\",\"datePublished\":\"2024-01-09T09:00:14+00:00\",\"dateModified\":\"2025-04-28T14:22:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/497450a696b11a429fa32e46aa88b26b\"},\"description\":\"\u00bfQu\u00e9 contrastes de color existen en el arte y qu\u00e9 efecto consiguen? Desc\u00fabralo todo sobre los colores complementarios, Johannes Itten y el n\u00famero 7.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/\",\"name\":\"onlineprinters.es Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/497450a696b11a429fa32e46aa88b26b\",\"name\":\"Lena\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"caption\":\"Lena\"},\"url\":\"https:\/\/www.onlineprinters.es\/blog\/author\/lena\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contrastes de color en el arte \" Colores complementarios, Itten y el n\u00famero 7","description":"\u00bfQu\u00e9 contrastes de color existen en el arte y qu\u00e9 efecto consiguen? Desc\u00fabralo todo sobre los colores complementarios, Johannes Itten y el n\u00famero 7.","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.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/","og_locale":"es_ES","og_type":"article","og_title":"Contrastes de color en el arte &#8211; colores complementarios, Itten y el n\u00famero 7","og_description":"Welche Farbkontraste gibt es und welche Wirkung haben sie? Erfahrt mehr im Magazin!","og_url":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/","og_site_name":"onlineprinters.es Blog","article_published_time":"2024-01-09T09:00:14+00:00","article_modified_time":"2025-04-28T14:22:03+00:00","author":"Lena","twitter_card":"summary_large_image","twitter_title":"Contrastes de color en el arte &#8211; colores complementarios, Itten y el n\u00famero 7","twitter_image":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg","twitter_misc":{"Escrito por":"Lena","Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/","url":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/","name":"Contrastes de color en el arte \" Colores complementarios, Itten y el n\u00famero 7","isPartOf":{"@id":"https:\/\/www.onlineprinters.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg","datePublished":"2024-01-09T09:00:14+00:00","dateModified":"2025-04-28T14:22:03+00:00","author":{"@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/497450a696b11a429fa32e46aa88b26b"},"description":"\u00bfQu\u00e9 contrastes de color existen en el arte y qu\u00e9 efecto consiguen? Desc\u00fabralo todo sobre los colores complementarios, Johannes Itten y el n\u00famero 7.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.onlineprinters.es\/blog\/contrastes-de-7-colores-efecto-de-colores-complementarios\/#primaryimage","url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg","contentUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2024\/01\/2017-07-25-Farbkontraste_FB.jpg","width":1200,"height":628},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.es\/blog\/#website","url":"https:\/\/www.onlineprinters.es\/blog\/","name":"onlineprinters.es Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/497450a696b11a429fa32e46aa88b26b","name":"Lena","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","caption":"Lena"},"url":"https:\/\/www.onlineprinters.es\/blog\/author\/lena\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/40180"}],"collection":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/comments?post=40180"}],"version-history":[{"count":7,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/40180\/revisions"}],"predecessor-version":[{"id":40251,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/40180\/revisions\/40251"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/media\/40149"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/media?parent=40180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/categories?post=40180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/tags?post=40180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}