{"id":2802,"date":"2014-05-19T04:57:39","date_gmt":"2014-05-19T04:57:39","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/?p=2802"},"modified":"2014-05-19T04:57:39","modified_gmt":"2014-05-19T04:57:39","slug":"el-color-y-sus-aplicaciones-en-tipografia","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/","title":{"rendered":"El color y sus aplicaciones en tipograf\u00eda"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Una de las principales cuestiones que me pregunte cuando me entere que ya me tocaba publicar en el blog, es que podr\u00eda ser \u00fatil para el tp del esp\u00e9cimen que no sea repetitivo, y que pueda ser de ayuda a unos d\u00edas de la entrega. El manejo de color fue un tema que no vi en publicaciones anteriores y me pareci\u00f3 que podr\u00eda ser interesante para compartir. Eleg\u00ed no entrar en cuestiones sobre el color tipogr\u00e1fico, sino en la <strong>teor\u00eda del color<\/strong> <strong>propiamente dicha<\/strong>.<\/p>\n<p>El color es realmente una herramienta necesaria a saber manejar, pero para aplicarlo de manera que se pueda lograr el resultado que se requiere es necesario conocer sus reglas y tener en cuenta c\u00f3mo se comportan. Tomando los conceptos de la mencionada \u201cteor\u00eda del color\u201d, hay algunas cosas que pueden ser muy importantes a la hora de componer, como la elecci\u00f3n del <strong>Tinte<\/strong>, el <strong>Contraste<\/strong>, la <strong>Saturaci\u00f3n<\/strong> y el <strong>Valor<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Tinte <\/strong>(Tambi\u00e9n llamado Croma, Tono o Matiz)<\/p>\n<p>Es el color propiamente dicho, cada uno tiene caracter\u00edsticas propias y podemos dividirlos en los que se consideran como primarios (que no son producto de la mezcla de ning\u00fan otro); y los secundarios, que est\u00e1n formados por dos primarios.<\/p>\n<p>Para su estudio se suele ordenarlos en el llamado <strong>\u201cC\u00edrculo crom\u00e1tico\u201d<\/strong>, del cual hay versiones de todos los tama\u00f1os y formas imaginables. All\u00ed dentro, los que se encuentran en lugares opuestos son los que ser\u00e1n m\u00e1s contrastantes <em>(Rojo\/Verde, Azul\/Naranja, Violeta\/Amarillo)<\/em> y por lo cual siempre que est\u00e9n uno al lado del otro, vibraran mucho m\u00e1s que con cualquier otro color.<\/p>\n<p>C\u00edrculo crom\u00e1tico<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2807\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/circulo-cromatico-1\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1.png\" data-orig-size=\"1623,1659\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"circulo cromatico 1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1-1001x1024.png\" class=\"alignnone size-medium wp-image-2807\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1-293x300.png\" alt=\"circulo cromatico 1\" width=\"293\" height=\"300\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1-293x300.png 293w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1-1001x1024.png 1001w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1.png 1623w\" sizes=\"auto, (max-width: 293px) 100vw, 293px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Valor<\/strong><\/p>\n<p>El valor de un color es el grado de claridad u oscuridad del mismo. Un color m\u00e1s claro, se considera que tiene <em>un valor m\u00e1s<\/em> <em>alto<\/em>; en caso inverso, un color m\u00e1s oscuro, se considera que es de <em>valor m\u00e1s bajo<\/em>. De esta manera, en los dos extremos tendr\u00edamos al blanco y negro como el valor m\u00e1s alto y m\u00e1s bajo respectivamente.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-3.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2810\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/pub-blog-imagen-num-3\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-3.png\" data-orig-size=\"2750,2425\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Pub blog- imagen num 3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-3-1024x902.png\" class=\"alignnone size-medium wp-image-2810\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-3-300x264.png\" alt=\"Pub blog- imagen num 3\" width=\"300\" height=\"264\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-3-300x264.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-3-1024x902.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Saturaci\u00f3n<\/strong><\/p>\n<p>La saturaci\u00f3n est\u00e1 relacionada con la <em>pureza <\/em>o<em> \u201climpieza\u201d<\/em> del color respecto del gris. Se dice que un color es m\u00e1s <em><strong>saturado<\/strong><\/em> que otro cuando es m\u00e1s \u201climpio\u201d, o sea, m\u00e1s intenso o \u201cvibrante\u201d. En el caso opuesto, se dice que un color esta mas <strong><em>desaturado<\/em><\/strong>, cuando est\u00e1 m\u00e1s \u201csucio\u201d o es menos vibrante que otros.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-4-RGB.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2811\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/pub-blog-imagen-num-4-rgb\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-4-RGB.png\" data-orig-size=\"4035,2796\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Pub blog- imagen num 4 (RGB)\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-4-RGB-1024x709.png\" class=\"alignnone size-medium wp-image-2811\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-4-RGB-300x207.png\" alt=\"Pub blog- imagen num 4 (RGB)\" width=\"300\" height=\"207\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-4-RGB-300x207.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-4-RGB-1024x709.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Contraste<\/strong><\/p>\n<p>Si no hubiera contraste b\u00e1sicamente no se ver\u00eda nada, vemos los colores porque contrastan unos con otros.<\/p>\n<p>Seg\u00fan el <em>Tinte, Valor<\/em>, y <em>Saturaci\u00f3n<\/em> de los colores que se elijan en una figura para componer sobre un fondo, el resultante ser\u00e1 de Contraste <strong>Alto<\/strong>, <strong>Medio<\/strong> o <strong>Bajo<\/strong>.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-5RGB.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2830\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/pub-blog-imagen-num-5rgb\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-5RGB.png\" data-orig-size=\"4944,1412\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Pub blog- imagen num 5(RGB)\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-5RGB-1024x292.png\" class=\"alignnone size-medium wp-image-2830\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-5RGB-300x85.png\" alt=\"Pub blog- imagen num 5(RGB)\" width=\"300\" height=\"85\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-5RGB-300x85.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-5RGB-1024x292.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>La elecci\u00f3n del color se vuelve clave cuando queremos definir las<strong> jerarquizaciones<\/strong>. Por ejemplo, si queremos que un texto se destaque en un primer nivel de lectura, nos conviene elegir lo m\u00e1s contrastante. En otro caso, en donde se quiere dejar ese p\u00e1rrafo en un 2do o 3er nivel de lectura, se ir\u00e1 disminuyendo el contraste con lo cual no llamara tanto la atenci\u00f3n.<\/p>\n<p>Est\u00e1 demostrado que los colores de valor m\u00e1s alto tienden a \u201cavanzar\u201d sobre los m\u00e1s oscuros. Una manera muy clara de ver esto comprobado en la pr\u00e1ctica, es agregar una gota de acr\u00edlico blanco sobre un poco de acr\u00edlico negro: la gota blanca tender\u00e1 a expandirse. En el caso inverso, la gota negra sobre acr\u00edlico blanco se contraer\u00e1 y se percibir\u00e1 como reduce su tama\u00f1o.<\/p>\n<p>Aunque este \u201cefecto\u201d es bastante sutil, puede ser \u00fatil tenerlo en cuenta cuando por ejemplo, debemos elegir el color para la tipograf\u00eda y el fondo; ya que si ponemos un bloque de texto de valor alto sobre una superficie de valor bajo, las letras se ver\u00e1n \u00f3pticamente un poco m\u00e1s \u201cgrandes\u201d que en el caso inverso.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-6-.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2813\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/pub-blog-imagen-num-6\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-6-.png\" data-orig-size=\"3842,1412\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Pub blog- imagen num 6\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-6--1024x376.png\" class=\"alignnone size-medium wp-image-2813\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-6--300x110.png\" alt=\"Pub blog- imagen num 6\" width=\"300\" height=\"110\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-6--300x110.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-6--1024x376.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>En general el color siempre est\u00e1 rodeado de otros colores, y esto hace que un tinte determinado se perciba de distinta forma seg\u00fan cuales sean los otros que lo rodean (el efecto visual ser\u00e1 diferente si un verde se coloca al lado de un azul, que si estuviera al lado de un naranja o rojo), de ah\u00ed la importancia de utilizar estos recursos de manera que potencie el mensaje y ayude a reforzar la comprensi\u00f3n de lo que estamos queriendo comunicar.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-7-RGB.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2814\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/el-color-y-sus-aplicaciones-en-tipografia\/pub-blog-imagen-num-7-rgb\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-7-RGB.png\" data-orig-size=\"4944,1412\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Pub blog- imagen num 7 (RGB)\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-7-RGB-1024x292.png\" class=\"alignnone size-medium wp-image-2814\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-7-RGB-300x85.png\" alt=\"Pub blog- imagen num 7 (RGB)\" width=\"300\" height=\"85\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-7-RGB-300x85.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/Pub-blog-imagen-num-7-RGB-1024x292.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El color es una herramienta que puede jugarnos a favor o en contra, seg\u00fan las elecciones que se tomen. El tener en cuenta su comportamiento y conocer sus reglas, puede ayudarnos a tomar decisiones que nos ayuden a fortalecer la comprensi\u00f3n de lo que estamos queriendo comunicar.<\/p>\n","protected":false},"author":171,"featured_media":2807,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[8],"tags":[13,58,57],"class_list":["post-2802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-especimen","tag-color","tag-color-en-tipografia","tag-teoria-del-color"],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/05\/circulo-cromatico-1.png","jetpack_shortlink":"https:\/\/wp.me\/p4rrRH-Jc","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/2802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/users\/171"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/comments?post=2802"}],"version-history":[{"count":45,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/2802\/revisions"}],"predecessor-version":[{"id":2854,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/2802\/revisions\/2854"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/media\/2807"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/media?parent=2802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/categories?post=2802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/tags?post=2802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}