Conceptos básicos de color para impresión y web

Mezcla de colores de la escuela primaria ¿Sabías que la rueda de colores que aprendiste en la escuela no es la misma que los colores utilizados para la web? ¿Ni siquiera es la forma en que se mezclan los colores para imprimir? Bueno, los mismos colores, solo diferentes arreglos y mezclas.

Mezcla de colores de la escuela primaria

¿Sabías que la rueda de colores que aprendiste en la escuela no es la misma que los colores utilizados para la web? ¿Ni siquiera es la forma en que se mezclan los colores para imprimir? Bueno, los mismos colores, solo diferentes arreglos y mezclas.

Tradicional (piense en pintura o crayones)

  • Los colores tradicionales primarios son rojo, amarillo y azul.
  • Mezcle dos colores primarios para obtener los colores complementarios o secundarios.
  • Los colores tradicionales complementarios son naranja (rojo más amarillo), verde (amarillo más azul) y púrpura (azul más rojo).

En la escuela primaria, probablemente tuvo muchas oportunidades para mezclar colores primarios y hacer nuevos colores. ¡Fue magico! Mezclar colores para imprimir con tinta no funciona exactamente igual. Los colores primarios en luz y tinta no son los mismos colores primarios rojo, amarillo y azul de la pintura. De hecho, hay 6 colores primarios.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria (esta página)
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMYK en la publicación de escritorio
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Primarias aditivas y sustractivas

La forma en que vemos el color es un poco diferente de la forma en que mezclamos la pintura. En lugar de los colores primarios rojo, azul y amarillo, tenemos dos tipos diferentes de colores primarios. Probablemente hayas visto un prisma romper un rayo de luz en un arco iris de colores. El espectro visible de la luz se divide en tres regiones de color: rojo, verde y azul.

  • Agregue luz roja, verde y azul (RGB) para crear luz blanca. Debido a que agrega los colores para obtener el blanco, los llamamos primarios aditivos . Los colores en la pantalla se muestran mezclando cantidades variables de luz roja, verde y azul. Tenga en cuenta que los primarios aditivos generalmente se refieren al modo de color en pantalla RGB. Mezclar tintas o pinturas rojas, verdes y azules reales no produce blanco.
  • Resta uno de los colores RGB de los demás y te quedará otro color. RGB menos rojo deja cian. RGB menos el azul deja amarillo. RGB menos hojas verdes magenta. Estos se denominan primarias sustractivas (CMY). Los colores de tinta cian, magenta y amarillo, junto con el negro, se utilizan en la impresión de proceso de cuatro colores, también conocida como CMYK. La combinación de dos de los primarios sustractivos da como resultado uno de los primarios aditivos (por ejemplo, cian + amarillo produce verde). La mezcla de los tres primarios sustractivos da como resultado el negro (no un negro puro, sino un color negro turbio).

A continuación, veremos la forma en que intentamos reproducir el color en forma impresa y en la web.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarios aditivos y sustractivos (RGB y CMY) (esta página)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Autoedición
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Color RGB en la publicación de escritorio

El monitor de su computadora emite luz, por lo que es lógico que la computadora use las tres regiones de color rojo, verde y azul (los primarios aditivos) para reproducir los colores que vemos.

Al trabajar con imágenes destinadas a la pantalla o la web, designamos los colores por la cantidad de rojo, verde o azul en el color. En su software de gráficos, estos números podrían verse así:

  • 255 ROJO 255 ​​VERDE 0 AZUL
    o
  • 255R 255G 0B
    o
  • RGB: 255,255,0
    o
  • FFFF00 (puede escribirse como # FFFF00)

Todos estos representan amarillo. Un número entre 1-255 designa la cantidad de cada color rojo, verde o azul, siendo 255 el valor puro del 100% del color. Cero significa nada de ese color. Para que su computadora entienda estos números, los traducimos a números hexacimales de 6 dígitos o trillizos (códigos hexadecimales) .

En nuestro ejemplo, FF es el equivalente hexadecimal de 255. El triplete hexadecimal siempre está en el orden de RGB, por lo que el primer FF es rojo. El segundo FF es amarillo. No hay azul, por lo que tiene 00, el equivalente hexadecimal de cero.

Estos son los conceptos básicos para el color en la web. Para profundizar más en RGB y cómo se ve el color en la pantalla, profundice en estos recursos más detallados para el color web.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing (esta página)
  4. Color CMY en Autoedición
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Color CMY en Autoedición

El color (claro) se obtiene restando diferentes cantidades de otros colores de los primarios aditivos (RGB). Pero al imprimir cuando estamos mezclando (agregando) tintas juntas, los colores no salen como podríamos esperar. Por lo tanto, comenzamos con los primarios sustractivos (CMY) y los mezclamos en cantidades variables (más el negro abreviado como K) para obtener los colores que queremos.

Los colores para imprimir se mezclan en porcentajes como:

  • 50% CIAN 100% MAGENTA 25% AMARILLO
    o
  • C50 M100 Y25
  • Y dado que el negro se usa generalmente junto con CMY, también se incluye un porcentaje para el negro (incluso si es 0), como: C50 M100 Y25 K0

La cuarta barra de color en este ejemplo es un color púrpura hecho con diferentes cantidades de cada uno de los primarios sustractivos (y no negro). El color rojo que lo precede es el equivalente CMY del rojo RGB. La barra de color inferior no utiliza tintas CMY, solo 80% de negro (K).

Este modelo de color CMY (K) es solo una de las muchas formas en que podemos expresar el color para imprimir, pero guardaremos ese tema para otra función. Hay otros términos relacionados con el color que abordaremos brevemente seguidos con más sobre la especificación de colores para el trabajo de impresión.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Desktop Publishing (esta página)
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Especificando colores

Elegir las combinaciones de color más agradables o efectivas es solo una parte de la ecuación para trabajar con el color. También debe poder especificar los colores que desea. Para imprimir, hay varias formas de especificar el color y puede variar según la cantidad de colores utilizados y cómo los use. Simplemente veremos algunas de las posibilidades.

  • Matices de un solo color: puede lograr una gran variedad de efectos utilizando un único color plano (1/C) especificando que el color se proyectará (matices). Estos tintes son porcentajes del color sólido (100%).
  • Dos o más colores: combine sólidos y tintes de dos o más colores (2/C, 3/C, 4/C, etc.). En el ejemplo anterior, los colores son todas combinaciones de un solo color más negro (K) (los tres primeros son cian, los tres inferiores son magenta). (para imprimir, el negro es un color) También son porcentajes.
  • Colores PMS: para hacer coincidir exactamente un color (o lo más parecido a la impresión) puede utilizar un sistema como el Sistema de coincidencia Pantone. Hay otros también. Las mezclas de colores están numeradas para una fácil referencia. Su programa de gráficos puede tener paletas de colores con nombres de algunos de los sistemas de coincidencia de colores más populares. Estos le permiten elegir colores para su diseño que correspondan al sistema de coincidencia de colores que utiliza su impresora. (Tenga en cuenta que los nombres/números de color en la imagen pueden no reflejar las designaciones más actuales de Pantone).
  • CMYK En la impresión de proceso de cuatro colores, para reproducir el color de tono continuo a todo color, utilizamos cuatro colores específicos. Estos colores de proceso son cian (C), amarillo (Y), magenta (M) (los colores SUBTRACTIVOS de nuestra rueda de colores) y negro (K). La percepción de millones de colores se logra no mezclando estos colores de tinta sino imprimiendo miles de pequeños puntos de cada color en diferentes tamaños y patrones. El ojo fusiona esos puntos y ve más de los cuatro colores de CMYK (o algunas veces escrito como CYMK).
  • Separaciones de color En la impresión de proceso a cuatro colores, en lugar de especificar colores específicos, crea una copia diferente de su diseño para cada uno de los cuatro colores (CMYK). Cada copia se imprime una encima de la otra para crear el efecto óptico a todo color. Las separaciones también se crean cuando se usan más de dos colores planos con cada separación que contiene solo las partes de la página para ese color específico. En la ilustración, las 4 imágenes en escala de grises representan la plancha de impresión para cada uno de los 4 colores de proceso. ¿Observa cómo la placa Magenta es mucho más oscura en el cuerpo del tractor? Se necesita mucho más de esta tinta de color rojizo para producir el tractor rojo brillante.

Obviamente, esto es solo una descripción general rápida.Se han escrito cientos de libros y artículos sobre el proceso de especificar e imprimir en color.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Autoedición
  5. Especificación de colores (esta página)
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Percepción de color

Si pensabas que los colores primarios eran rojo, azul y amarillo, con colores complementarios o secundarios de púrpura, verde y naranja, entonces debes visitar o volver a visitar las páginas anteriores de este tutorial de conceptos básicos de color porque para esta discusión confiamos en los colores primarios aditivos y sustractivos, RGB y CMY.

Varios factores afectan la forma en que percibimos el color. La posición de los colores en la rueda de colores puede mostrar uno de esos factores en relación con otros colores.

Nota importante : en la ciencia y la teoría del color hay definiciones precisas para los colores adyacentes, contrastantes y complementarios y cómo aparecen en la rueda de colores. En diseño gráfico y algunos otros campos utilizamos una interpretación más flexible. Los colores no tienen que ser opuestos directos o tener una cantidad establecida de separación para ser considerados contrastantes o complementarios. En diseño se trata más de percepción y sentimiento.

  • Los colores adyacentes aparecen uno al lado del otro en la rueda de colores. Dos o más colores adyacentes armonizan entre sí. Funcionan bien juntos (generalmente pero no siempre). Obtenga más información sobre los colores adyacentes. El término armonizar suena agradable, agradable. Pero algunos colores de armonización pueden aparecer desvaídos (amarillo/verde) o demasiado oscuros y similares (azul/púrpura) para que funcionen bien juntos.
  • Los colores Contraste aparecen en diferentes segmentos de la rueda de colores (divídalos en cuartos para ayudar a visualizar esto). Cuanto más separados uno del otro en tono, saturación o valor, más contraste. Obtenga más información sobre colores contrastantes. Si bien a menudo se necesita contraste para proporcionar una legibilidad óptima (como un alto contraste entre el fondo y el texto), algunos colores contrastantes cuando se imprimen uno al lado del otro pueden parecer vibrar y ser muy cansadores para el ojo.
  • Los colores complementarios aparecen en lados opuestos de la rueda de colores, directamente o casi directamente uno frente al otro. Aprenda más sobre colores complementarios. Complementario a menudo se confunde con complementario . Diferentes significados. Dos colores que se complementan (se halagan) entre sí pueden o no ser complementarios entre sí.

Las combinaciones de colores adyacentes, contrastantes y complementarias a menudo se pueden mejorar mediante el uso de tonos y matices o creando un contraste adicional con blanco o negro. Consulte la página siguiente para obtener más información básica sobre combinación de colores.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Autoedición
  5. Especificando colores
  6. Percepción del color (esta página)
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Tonalidades, tintes, sombras y colores de saturación.

Hay más colores que podemos ver y crear que solo Rojo, Verde, Azul, Cian, Amarillo y Magenta. Aunque la rueda de colores a menudo se representa con distintos bloques de color, en realidad son millones de colores los que se mezclan entre sí mientras nos movemos alrededor de la rueda.

Cada uno de esos colores individuales es un tono. El rojo es un tono. El azul es un tono. El morado es un tono. Verde azulado, violeta, naranja y verde son todos los tonos.

Puede cambiar la apariencia de un tono agregando negro (sombra) o blanco (claro). El valor de claridad u oscuridad y la saturación o la cantidad de matiz nos dan nuestros tonos y matices.

  • Agregue cantidades variables de negro para obtener sombras . Piense en la oscuridad que se avecina y las sombras oscuras para recordar que un tono más negro es igual a un tono .
  • Agregue cantidades variables de blanco para aclarar un tono. Los tonos claros son tintes . En términos de impresión, utiliza porcentajes de los colores de tinta que conforman el tono puro, como 80%, 50% o 10%.

Esto es solo una introducción básica. Juegue con la saturación y el valor para crear tintes y sombras de varios tonos con este Creador de esquemas de color interactivo en Colorspire. O utilice las funciones de color en su software de gráficos favorito para experimentar con el tono, la saturación y el valor.

La intensidad, la luminosidad o el brillo pueden usarse para referirse al valor de un color en algunos programas de software.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Autoedición
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación (esta página)
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores

Esquemas de combinación de colores comunes

Elegir un color es bastante difícil, agregar uno o más colores a la mezcla puede ser desalentador. Si realiza una búsqueda en la web o lee una variedad de libros y revistas sobre colores, encontrará varios métodos comunes descritos. También habrá variaciones. Solo para comenzar, considere estos métodos para obtener la paleta perfecta para sus proyectos impresos o web.

  • Las paletas de colores monocromáticas comienzan con un solo tono y luego usan sombras y/o matices de ese color para expandirse a dos, tres o más colores. Para la publicación impresa, el uso de tintes de un solo color es una forma de usar el color sin el gasto de la impresión de proceso tradicional de cuatro colores. Agregue tinta negra para texto y acentos.
  • Las paletas de colores análogas o de armonización utilizan dos o más colores adyacentes en la rueda de colores. Si usa un segmento muy pequeño de la rueda de colores, agregar sombras o matices de uno o más tonos puede evitar que estos colores se desvanezcan demasiado o tengan poco contraste.
  • Las paletas de colores complementarios pueden usar dos, tres o cuatro pares de colores complementarios. Con la paleta complementaria dividida, mire a ambos lados del complemento (opuesto) de su color principal para encontrar un par adecuado para completar la tríada.
  • Las paletas de colores Triad usan un trío de colores. Comience a encontrar tres colores que estén espaciados uniformemente alrededor de la rueda de colores y trabaje desde allí.
  • Mézclalo eligiendo un par complementario y luego agregando un tinte (o dos) de uno de los colores (monocromático + complementario). O elija de dos a cuatro colores análogos (adyacentes) más el complemento de uno de esos tonos (análogo + complementario).

Estos son solo puntos de partida. No existen reglas duras y rápidas e inmutables para mezclar y combinar colores. También encontrará que las ruedas de color que se muestran en varios sitios pueden diferir bastante, por lo que los opuestos directos en una rueda de colores son algo diferentes en otro. Está bien. Mover algunos tonos de una forma u otra al combinar colores es cómo terminamos con todo tipo de paletas de colores interesantes. En pocas palabras: elija combinaciones de colores que se vean bien para su proyecto.

  • ¿Cuántos colores debe usar? De dos a cinco (incluido el negro o el blanco) es común. Más que eso (excluyendo fotografías) puede volverse visualmente abrumador, y dependiendo de su método de impresión/tipo de tinta puede ser costoso. Pero eso es solo una guía, no una regla. Con las páginas web, el uso de más colores no afecta el costo, excepto en términos de pérdida de clientes si los colores son demasiado .
  • ¿Cuánto de cada color debe usar? Si bien el equilibrio es importante, eso no significa que deba usar cantidades iguales de cada color en la paleta elegida. Equilibre una dosis de un color fuerte con pequeñas cantidades de varios colores más claros o más suaves. De nuevo, no hay absolutos. Si está usando un par de colores muy fuertes, usar menos de uno de ellos puede evitar que su página abrume al lector.
  • ¿Hay combinaciones de colores que nunca deberían usarse? Quizás. Tal vez no. Vea algunas de las combinaciones de colores prohibidas antes de hacer sus elecciones finales de combinación de colores.

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Autoedición
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes (esta página)
  9. Ajuste de combinaciones de colores

Ajuste de combinaciones de colores

Algunas de las ambigüedades de las combinaciones de colores adyacentes, contrastantes y complementarias pueden aliviarse con la introducción de sombras y tintes en blanco y negro, oscuro y claro.

Sombras y matices de color

Al usar colores adyacentes o armonizantes, puede lograr un mayor grado de legibilidad agregando negro o blanco a uno de los tonos, cambiando la saturación y el valor de un tono. El negro crea un tono más oscuro del tono. El blanco crea un tono más claro de la sombra. Cuando un emparejamiento amarillo y verde amarillento puede estar demasiado cerca para funcionar bien juntos, usar un tono más oscuro de verde puede ayudar a que el combo realmente explote.

Esto es solo una introducción básica. Juegue con la saturación y el valor para crear tintes y sombras de varios tonos con este Creador de esquemas de color interactivo en Colorspire. O utilice las funciones de color en su software de gráficos favorito para experimentar con el tono, la saturación y el valor. Algunos software de gráficos pueden usar intensidad, brillo o luminosidad para referirse al valor de un tono.

Crear contraste con blanco y negro

El blanco es el último color claro y contrasta bien con colores oscuros como el rojo, azul o morado. El negro es el color oscuro definitivo y hace que los colores más claros, como el amarillo, resalten realmente.

Cualquier color único o múltiple puede cambiar, o más bien nuestra percepción de ellos cambia, debido a los otros colores circundantes, la proximidad de los colores entre sí y la cantidad de luz. Es por eso que un par de colores que pueden chocar cuando se colocan uno al lado del otro, pueden funcionar y verse bien cuando se separan en la página o se usan con otros colores.

Un color claro aparece aún más claro cuando está adyacente a un color oscuro (incluido el negro). Dos colores similares uno al lado del otro pueden aparecer como dos colores distintos, pero colocados muy separados, comienzan a parecerse al mismo color.

El papel y las emociones afectan la percepción del color

La cantidad de luz que percibimos en un color también se ve afectada por la superficie en la que se imprime. Una corbeta roja brillante impresa en un anuncio de revista en papel satinado y brillante no se verá igual que la corbeta roja impresa en el anuncio del periódico. Los papeles absorben y reflejan la luz y el color de manera diferente.

Significados de color

Además, nuestras elecciones de color a menudo están dictadas por las emociones que evocan colores específicos y combinaciones de colores. Ciertos colores crean reacciones físicas. Algunos colores y combinaciones de colores tienen significados específicos basados ​​en el uso tradicional y cultural.

  • Calmante: azul, verde, turquesa, plata
  • Emocionante: rojo, rosa, amarillo, dorado, naranja
  • Significados de colores fríos/cálidos mezclados: púrpura, lavanda, verde, turquesa
  • Significados de color neutro (unificador): marrón, beige, marfil, gris, negro, blanco

Índice básico de color:

  1. Mezcla de colores de la escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en la publicación de escritorio
  4. Color CMY en Autoedición
  5. Especificando colores
  6. Percepción de color
  7. Tonalidades, tintes, sombras y saturación.
  8. Esquemas de combinación de colores comunes
  9. Ajuste de combinaciones de colores (esta página)
Rate article
labsfabs.com
Add a comment