{"id":235,"date":"2017-07-10T09:10:14","date_gmt":"2017-07-10T09:10:14","guid":{"rendered":"https:\/\/minerva-online.pt\/2017\/07\/10\/rgb-vs-cmyk\/"},"modified":"2021-04-26T08:56:29","modified_gmt":"2021-04-26T08:56:29","slug":"rgb-vs-cmyk","status":"publish","type":"post","link":"https:\/\/minerva-online.pt\/en\/rgb-vs-cmyk\/","title":{"rendered":"RGB vs. CMYK: A cor no digital e na impress\u00e3o"},"content":{"rendered":"<h5 class=\"wp-block-heading\"><strong>O comportamento das cores nos dispositivos luminosos \u00e9 muito diferente dos suportes f\u00edsicos. Conhe\u00e7a as implica\u00e7\u00f5es que o RGB e CMYK trazem para o seu trabalho!<\/strong><\/h5>\n\n\n\n<p>A cor est\u00e1 em todo o lado. Est\u00e1 na roupa que veste, no carro que conduz, na sua brochura impressa, na refei\u00e7\u00e3o que acabou de tomar, na sua televis\u00e3o, computador e telem\u00f3vel \u2013 em todos os objetos e cen\u00e1rios que v\u00ea.<\/p>\n\n\n\n<p>Sim, a cor est\u00e1 em todo o lado, mas n\u00e3o \u00e9 a mesma em todo o lado. A forma como a cor se comporta num dispositivo luminoso \u00e9 muito diferente quando \u00e9 impressa \u2013 o que traz implica\u00e7\u00f5es a quem trabalha na \u00e1rea da cor.<\/p>\n\n\n\n<p>Por isso, hoje vamos dar continuidade a um nosso&nbsp;<a href=\"https:\/\/minerva-online.pt\/en\/cmyk-bem-vindo-ao-mundo-da-cor\/\" target=\"_blank\" rel=\"noreferrer noopener\">artigo anterior<\/a>&nbsp;\u2013 que abordou o sistema de cores utilizado na impress\u00e3o (CMYK) \u2013 falando agora sobre o sistema usado em dispositivos luminosos: RGB.<\/p>\n\n\n\n<p>E, aproveitando o ensejo, vamos dar-lhe tamb\u00e9m umas dicas para a sua sa\u00fade visual \u2013 important\u00edssimas se trabalha continuamente em frente ao computador.<\/p>\n\n\n\n<p>Pronto? ?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/minerva-online.pt\/wp-content\/uploads\/2021\/04\/luz-rgb.jpg\" alt=\"RGB vs. CMYK: A cor no digital e na impress\u00e3o 1\" title=\"\"\/><\/figure>\n\n\n\n<p>O trabalho em web design, assim como outros que relacionados com dispositivos luminosos, envolve um sistema de cores denominado RGB, abreviatura para as cores Vermelho, Verde e Azul \u2013 do ingl\u00eas, (R)&nbsp;<em>Red<\/em>, (G)&nbsp;<em>Green<\/em>, e (B)&nbsp;<em>Blue<\/em>.<\/p>\n\n\n\n<p>\u00c9 um sistema diferente do utilizado em impress\u00e3o (CMYK), porque o monitor emite luz, ao contr\u00e1rio do papel, que absorve luz.<\/p>\n\n\n\n<p>Assim, quando precisar de imprimir o projeto que est\u00e1 a desenvolver no seu computador (como, por exemplo, cart\u00f5es de visita ou cat\u00e1logos), \u00e9 importante que configure a sua \u00e1rea de trabalho para CMYK.<\/p>\n\n\n\n<p>Caso imprima ficheiros em RGB, e mesmo que a impressora os aceite, ir\u00e1 ocorrer invariavelmente uma convers\u00e3o para CMYK, que resultar\u00e1 em cores esmaecidas, imprecisas e, esteticamente, numa apresenta\u00e7\u00e3o muito diferente \u00e0 pretendida.<\/p>\n\n\n\n<p>Aconselhamos, portanto, que inicie logo o trabalho em CMYK \u2013 ter\u00e1 um controlo muito maior sobre o resultado final.<\/p>\n\n\n\n<p>Por outro lado, se estiver a construir um website para um cliente, certamente que querer\u00e1 reproduzir as cores exatas do log\u00f3tipo e de outros materiais de branding. A forma de atingir exatamente a cor que pretende no monitor \u00e9 utilizar o sistema RGB.<\/p>\n\n\n\n<p>Em ambos os casos (quer na impress\u00e3o, quer em suportes online), se usar programas da Adobe, dever\u00e1 configurar os menus de representa\u00e7\u00e3o de CMYK e RGB com o perfil mais atual, o FOGRA41. Al\u00e9m disso, \u00e9 sempre aconselh\u00e1vel que o computador do seu cliente tenha as mesmas configura\u00e7\u00f5es que usou no seu trabalho, para que o cliente n\u00e3o veja algo completamente diferente no seu pr\u00f3prio computador.<\/p>\n\n\n\n<p>O esquema seguinte exemplifica as diferen\u00e7as essenciais:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>S\u00cdNTESE ADITIVA (RGB)<\/strong><\/p>\n\n\n\n<p>A cor que vemos no monitor<img decoding=\"async\" src=\"https:\/\/minerva-online.pt\/wp-content\/uploads\/2021\/04\/shutterstock_291227591.jpg\" alt=\"RGB vs. CMYK: A cor no digital e na impress\u00e3o 2\"><\/p>\n\n\n\n<p>A luz branca que vemos no monitor \u00e9, na verdade, a presen\u00e7a combinada de pixeis vermelhos, verdes e azuis.<\/p>\n\n\n\n<p>As cores podem parecer mais brilhantes e intensas do que quando s\u00e3o impressas.<\/p>\n\n\n\n<p>Dado que as imagens na web devem ser contrastantes e vivas, recomenda-se RGB para imagens a utilizar em websites e redes sociais.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>S\u00cdNTESE SUBTRATIVA (CMYK)<\/strong><\/p>\n\n\n\n<p>A cor que vemos impressa<img decoding=\"async\" src=\"https:\/\/minerva-online.pt\/wp-content\/uploads\/2021\/04\/shutterstock_291227591.jpg\" alt=\"RGB vs. CMYK: A cor no digital e na impress\u00e3o 2\"><\/p>\n\n\n\n<p>A cor preta que vemos numa p\u00e1gina impressa \u00e9, na verdade, a subtra\u00e7\u00e3o das quatro cores.<\/p>\n\n\n\n<p>A cor est\u00e1 dependente do m\u00e9todo de impress\u00e3o, e o resultado ser\u00e1 melhor com equipamentos profisionais.<\/p>\n\n\n\n<p>Para que aquilo que \u00e9 idealizado no monitor corresponda ao resultado final na impress\u00e3o, recomenda-se CMYK.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>S\u00e3o, por isso, frequentes algumas inquieta\u00e7\u00f5es no dia-a-dia dos profissionais! Por exemplo:<\/p>\n\n\n\n<p><em>\u201cQuando vi o meu trabalho noutro monitor, as cores ficaram drasticamente diferentes. Fiz reset em ambos os monitores, mas o problema persiste!\u201d<\/em><\/p>\n\n\n\n<p>\u2013 N\u00e3o, as cores n\u00e3o enlouqueceram J Fazer reset n\u00e3o vai ajudar \u2013 a configura\u00e7\u00e3o n\u00e3o \u00e9 feita no monitor mas nas prefer\u00eancias do sistema. Contudo, conte sempre com algumas diferen\u00e7as \u2013 mesmo em monitores iguais, da mesma marca e do mesmo modelo.<\/p>\n\n\n\n<p>Para a web, dever\u00e1 ser suficiente fazer uma calibra\u00e7\u00e3o b\u00e1sica, conforme descrita neste tutorial (http:\/\/www.otake.com.mx\/Apuntes\/ColorCalibration\/ColorCalibration.phtml).<\/p>\n\n\n\n<p>Para trabalhos de fotografia e de impress\u00e3o, poder\u00e1 precisar de um hardware espec\u00edfico, como, por exemplo, este: http:\/\/www.xrite.com\/colormunki-display<\/p>\n\n\n\n<p><em>\u201cE se os meus clientes n\u00e3o gostarem do meu trabalho pelo facto de as cores ficarem diferentes no monitor dele?\u201d<\/em><\/p>\n\n\n\n<p>\u2013 Fale com o seu cliente. Explique-lhe que a cor poder\u00e1 variar de acordo com a calibra\u00e7\u00e3o do monitor usado. Se a exatid\u00e3o for essencial, entregue uma prova impressa do seu trabalho ou apresente o trabalho no seu monitor.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Dica extra: Sabemos que trabalhar no computador todo o dia (e todos os dias!) pode provocar s\u00e9rios danos na sua sa\u00fade visual, n\u00e3o falando j\u00e1 da fadiga e tens\u00e3o oculares. Por isso, deixamos aqui algumas dicas extra para proteger a sua vis\u00e3o. Tome nota e comece j\u00e1 a p\u00f4r em pr\u00e1tica:<br>a) Adira \u00e0 regra 20-6-20. De 20 em 20 minutos, dirija o olhar para fora do monitor num ponto fixo a 6 metros de dist\u00e2ncia, durante 20 segundos.<br>b) Pestaneje com mais frequ\u00eancia.<br>c) Coloque o seu monitor a 50-70 cent\u00edmetros de dist\u00e2ncia de si.<br>d) Ajuste a altura da sua cadeira de forma a que o seu olhar coincida com o topo do monitor.<br>e) Prefira trabalhar com texto preto sobre fundo branco, e nunca o inverso.<\/p><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Dica PRO: a ferramenta gratuita F.lux usa a sua localiza\u00e7\u00e3o e caracter\u00edsticas ambientais para ajustar automaticamente a temperatura de cor do seu monitor de forma adequada \u00e0 vis\u00e3o humana.<br>F.lux para Mac OS X: https:\/\/justgetflux.com\/<br>F.lux para Windows (vers\u00e3o beta): https:\/\/forum.justgetflux.com\/topic\/3675\/f-lux-beta-for-windows<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/minerva-online.pt\/wp-content\/uploads\/2021\/04\/designers-rgb.png\" alt=\"RGB vs. CMYK: A cor no digital e na impress\u00e3o 4\" title=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Poupe dinheiro, energia e papel utilizando os sistemas de cor de forma correta. N\u00e3o voltar\u00e1 a ficar desapontado com as cores!<\/p>","protected":false},"excerpt":{"rendered":"<p>O comportamento das cores nos dispositivos luminosos \u00e9 muito diferente dos suportes f\u00edsicos. Conhe\u00e7a as implica\u00e7\u00f5es que o RGB e &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"RGB vs. CMYK: A cor no digital e na impress\u00e3o\" class=\"read-more button\" href=\"https:\/\/minerva-online.pt\/en\/rgb-vs-cmyk\/#more-235\" aria-label=\"More on RGB vs. CMYK: A cor no digital e na impress\u00e3o\">Ler mais <i class=\"fas fa-chevron-right\"><\/i><\/a><\/p>","protected":false},"author":2,"featured_media":239,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/posts\/235"}],"collection":[{"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":0,"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/posts\/235\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/media\/239"}],"wp:attachment":[{"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/media?parent=235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/categories?post=235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/minerva-online.pt\/en\/wp-json\/wp\/v2\/tags?post=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}