Skip to main content

Conceptos básicos de color para la impresión y la web - Mezcla de colores en la escuela primaria

Learn the Bible in 24 Hours - Hour 11 - Small Groups - Chuck Missler (Mayo 2024)

Learn the Bible in 24 Hours - Hour 11 - Small Groups - Chuck Missler (Mayo 2024)
Anonim
01 de 09

Mezcla de colores de escuela primaria

¿Sabías que la rueda de colores que aprendiste en la escuela no es la misma que la de los colores utilizados en 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 (Think Paint o Crayones)

  • Lo tradicional primario Los colores son rojo, amarillo y azul.
  • Mezcla dos colores primarios para obtener el complementario o colores secundarios.
  • Lo tradicional complementario los colores son naranja (rojo más amarillo), verde (amarillo más azul) y púrpura (azul más rojo).

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

Índice de fundamentos 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 Desktop Publishing
  4. Color CMYK en Desktop Publishing
  5. Especificando colores
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino

02 de 09

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 has visto un prisma rompiendo 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 sumas los colores para obtener el blanco, llamamos a estos el primarias aditivas. Los colores en la pantalla se muestran mezclando cantidades variables de luz roja, verde y azul. Tenga en cuenta que las primarias aditivas generalmente se refieren al modo de color RGB en pantalla. La mezcla de tintas o pinturas reales en rojo, verde y azul no produce blanco.
  • Resta uno de los colores RGB de los demás y quedas con otro color. RGB menos hojas rojas cian. RGB menos las hojas azules amarillas. RGB menos hojas verdes magenta. Estos se llaman primarias sustractivas (CMY). Los colores de tinta cian, magenta y amarillo, junto con el negro, se utilizan en la impresión en cuatro colores, también conocida como CMYK. Combinar dos de los resultados primarios sustractivos en uno de los primarios aditivos (por ejemplo, cian + amarillo produce verde). Mezclar los tres resultados primarios sustractivos es negro (no es un negro puro, sino un color negro oscuro).

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

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY) (esta página)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing
  5. Especificando colores
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino
03 de 09

Color RGB en Desktop Publishing

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 (las primarias aditivas) para reproducir los colores que vemos.

Trabajando con imágenes destinadas a la pantalla o la web, designamos 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 AZULo
  • 255R 255G 0Bo
  • RGB: 255,255,0o
  • FFFF00 (puede escribirse como # FFFF00)

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

En nuestro ejemplo, FF es el equivalente hexadecimal de 255. El triplete hexadecimal está siempre 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 fundamentos 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 de la web.

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing (esta página)
  4. Color CMY en Desktop Publishing
  5. Especificando colores
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino
04 de 09

Color CMY en Desktop Publishing

El color (luz) se obtiene restando diferentes cantidades de otros colores de las primarias aditivas (RGB). Pero en la impresión, cuando estamos mezclando (agregando) tintas, los colores no salen como cabría 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 tales como:

  • 50% CIAN 100% MAGENTA 25% AMARILLOo
  • C50 M100 Y25
  • Y como el negro se suele usar 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 una de las primarias sustractivas (y no negro).El color rojo que lo precede es el equivalente CMY de RGB Red. La barra de color inferior no utiliza tintas CMY, solo el 80% de negro (K).

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

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing (esta página)
  5. Especificando colores
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino
05 de 09

Especificando colores

Elegir las combinaciones de colores más agradables o efectivas es solo una parte de la ecuación para trabajar con el color. También debe ser capaz de especificar los colores que desee. Para la impresión, hay varias formas de especificar el color y puede variar según la cantidad de colores que se usen y cómo se usan. Vamos a pasar por algunas de las posibilidades.

  • Tintes de un solo color: Puede lograr una gran variedad de efectos utilizando un solo color especial (1 / C) especificando que el color se filtre (tintes). Estos tintes son porcentajes del color sólido (100%).
  • Dos o más colores: Combine sólidos y tintes apantallados 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 fines de impresión el negro es un color) También son porcentajes.
  • Colores PMS: Para hacer coincidir un color exactamente (o lo más cerca que se pueda obtener de la impresión), puede utilizar un sistema como el sistema de adaptación de Pantone. Hay otros también. Las mezclas de colores están numeradas para una fácil referencia. Es posible que su programa de gráficos tenga paletas de colores con el nombre de algunos de los sistemas de combinación de colores más populares. Éstos le permiten elegir colores para su diseño que correspondan al sistema de combinación de colores que usa su impresora. (Tenga en cuenta que los nombres / números de colores en la imagen pueden no reflejar las designaciones más actuales de Pantone).
  • CMYK En la impresión de proceso a cuatro colores, para reproducir el color de tonos continuos 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 que los cuatro colores de CMYK (o algunas veces escrito como, CYMK).
  • Separaciones de color En la impresión de proceso de cuatro colores, en lugar de especificar colores específicos, crea una copia diferente de su obra de arte 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, y cada separación 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 placa de impresión para cada uno de los 4 colores de proceso. ¿Observe 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 sólo una visión general rápida. Se han escrito cientos de libros y artículos sobre el proceso de especificación e impresión en color.

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing
  5. Especificando colores (esta página)
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino
06 de 09

Percepción del color

Si pensaste 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 del color porque para esta discusión confiamos en en los colores primarios aditivos y sustractivos, RGB y CMY.

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

Nota IMPORTANTE: En la ciencia y la teoría del color, existen 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 determinada de separación para ser considerados contrastantes o complementarios. En diseño se trata más de percepción y sentimiento.
  • Adyacente Los colores aparecen uno junto al otro en la rueda de colores. Dos o más colores adyacentes. armonizar uno con el otro. Trabajan bien juntos (generalmente pero no siempre). Aprenda más sobre los colores adyacentes. El término armonizar suena agradable, agradable. Pero algunos colores armonizadores pueden aparecer lavados (amarillo / verde) o demasiado oscuros y similares (azul / púrpura) para funcionar bien juntos.
  • Contrastando los colores aparecen en diferentes segmentos de la rueda de colores (divídalos en cuartos para ayudar a visualizar esto). Cuanto más alejados el uno del otro en matiz, saturación o valor, mayor es el contraste. Aprende más sobre contrastar colores. Mientras que el contraste es a menudo necesario para proporcionar una legibilidad óptima (como un alto contraste entre el fondo y el texto), algunos colores de contraste cuando se imprimen lado a lado pueden parecer que vibran y son muy agotadores para el ojo.
  • Complementario los colores aparecen en lados opuestos de la rueda de colores, directamente o casi directamente uno frente al otro. Aprende más sobre colores complementarios. Complementario se confunde a menudo con Complementario . Diferentes significados. Dos colores que se complementan (adulan) entre sí pueden o no ser complementos entre sí.

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

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing
  5. Especificando colores
  6. Percepción del color (esta página)
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino
07 de 09

Tonos, matices, matices 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 color se representa a menudo con distintos bloques de color, en realidad son millones de colores los que se mezclan entre sí cuando nos movemos alrededor de la rueda.

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

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

  • Añadir cantidades variables de negro para obtener sombras. Piense en la oscuridad que se avecina y en las sombras oscuras para recordar que un matiz más negro es igual a sombra.
  • Agrega 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 sólo una introducción básica. Juegue con la saturación y el valor para crear matices y matices de varios tonos con este Color Scheme Creator interactivo en Colorspire. O bien, use 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 de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing
  5. Especificando colores
  6. Percepción del color
  7. Tonos, tonos, sombras y saturación (esta página)
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino
08 de 09

Esquemas de combinación de colores comunes

Elegir un color es lo suficientemente 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 crear la paleta perfecta para sus proyectos impresos o web.

  • Monocromo las paletas de colores comienzan con un solo tono y luego usan sombras y / o tintes 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 costo de la impresión tradicional en cuatro colores. Añadir tinta negra para texto y acentos.
  • Análogo o para armonizar las paletas de colores, use dos o más colores adyacentes en la rueda de colores. Si utiliza un segmento muy pequeño de la rueda de colores, la adición de matices o tintes de uno o más de los tonos puede evitar que estos colores se vean difuminados o de bajo contraste.
  • Complementario Las paletas de colores pueden usar dos, tres o cuatro pares de colores complementarios. Con la paleta complementaria dividida, mire a cada lado del complemento (opuesto) de su color principal para encontrar un par adecuado para completar la tríada.
  • Tríada Las paletas de colores utilizan un trío de colores. Empiezo a encontrar tres colores que estén espaciados uniformemente alrededor de la rueda de colores y trabaje desde allí.
  • Mezclar seleccionando 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álogos + complementarios).

Estos son solo puntos de partida. No hay reglas duras y rápidas, inmutables para mezclar y combinar colores. También encontrará que las ruedas de color que se muestran en varios sitios pueden diferir bastante, de modo que los opuestos directos en una rueda de color son algo diferentes en otra. Está bien. Mover unos pocos tonos de una forma u otra al combinar colores es la forma en que terminamos con todo tipo de paletas de colores interesantes. Línea inferior: elija combinaciones de colores que se vean bien para su proyecto.

  • ¿Cuántos colores debes usar? Dos a cinco (incluyendo negro o blanco) es común. Más que eso (excluyendo las 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 pauta, no una regla. Con las páginas web, usar más colores no afecta el costo, excepto en términos de clientes perdidos si los colores son demasiado .
  • ¿Cuánto de cada color debes 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 cantidades más pequeñas de varios colores más claros o más domésticos. 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 deben usarse? Tal vez. Tal vez no.Vea algunas de las combinaciones de colores prohibidas antes de hacer su elección final de combinación de colores.

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing
  5. Especificando colores
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes (esta página)
  9. Combinaciones de color de ajuste fino
09 de 09

Combinaciones de color de ajuste fino

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

Tonos y matices de color.

Al usar colores adyacentes o armonizados, puede lograr un mayor grado de legibilidad al agregar blanco o negro 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 matiz más claro de la sombra. Donde un emparejamiento amarillo y verde-verde puede estar demasiado cerca para funcionar bien juntos, usar un tono más oscuro de verde puede ayudar a que el combo realmente salte.

Esto es sólo una introducción básica. Juegue con la saturación y el valor para crear matices y matices de varios tonos con este Color Scheme Creator interactivo en Colorspire. O bien, use las funciones de color en su software de gráficos favorito para experimentar con el tono, la saturación y el valor. Algunos programas 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 color de luz definitivo y contrasta con los colores oscuros como el rojo, el azul o el púrpura. El negro es el color oscuro definitivo y hace que los colores más claros, como el amarillo, realmente se destaquen.

Cualquier color único o múltiple puede cambiar, o más bien nuestro percepción de ellos cambian, 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 alejados comienzan a parecer el 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 pulido 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 del color

Además, nuestras elecciones de colores a menudo están dictadas por las emociones que evocan los colores y las combinaciones de colores específicos. 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, oro, naranja
  • Significados mixtos de colores frescos / cálidos: púrpura, lavanda, verde, turquesa
  • Significados del color neutro (unificador): marrón, beige, marfil, gris, negro, blanco

Índice de fundamentos de color:

  1. Mezcla de colores de escuela primaria
  2. Primarias aditivas y sustractivas (RGB y CMY)
  3. Color RGB en Desktop Publishing
  4. Color CMY en Desktop Publishing
  5. Especificando colores
  6. Percepción del color
  7. Tonos, matices, matices y saturación.
  8. Esquemas de combinación de colores comunes
  9. Combinaciones de color de ajuste fino (esta página)