Tecnológico Nacional de México
Campus Querétaro Educación
Presencial a Distancia
Unidad Landa de Matamoros
Asignatura: Graficación
Carrera: Ing. en Sistemas Computacionales
Asesor (a): José Antonio Castañeda Osornio
Alumno:
David Enrique Martínez Hernández
Grupo: L6L
Actividad: Elaborar un mapa conceptual sobre modelos de color y formatos de
imagen.
Introducción
Los modelos de color son sistemas utilizados para representar y describir colores en
diversos medios visuales.
• RGB (Rojo, Verde, Azul): Utilizado en dispositivos electrónicos y se basa en la
mezcla aditiva de colores primarios.
• CMY y CMYK (Cian, Magenta, Amarillo, Negro): Modelos sustractivos para
impresión; CMY es para mezclar colores y CMYK agrega negro.
• HSL (Matiz, Saturación, Luminosidad): Describe colores en términos de matiz,
saturación y brillo; útil en diseño gráfico.
Los formatos de imagen son estándares para almacenar imágenes digitales
• JPEG: Ideal para fotografías en línea, utiliza compresión con pérdida.
• PNG: Perfecto para gráficos web, usa compresión sin pérdida y admite
transparencia.
• GIF: Para animaciones sencillas y gráficos web, tiene una paleta de 256 colores.
• BMP: No tiene compresión y crea archivos grandes, menos común en la web.
• TIFF: Usado en impresión y aplicaciones que requieren alta calidad.
• RAW: Para fotógrafos profesionales, almacena datos sin procesar de la cámara.
• SVG: Ideal para gráficos vectoriales y logotipos.
Color
El color es una propiedad perceptual de la luz que depende de la longitud de onda de esta
última. En diferentes áreas, como la física, la psicología, el diseño, el arte y la tecnología,
el concepto de color se define y se estudia de diversas maneras.
1. Física:
En física, el color se define como la percepción visual que surge de la interacción de la
luz con objetos que absorben, reflejan o emiten diferentes longitudes de onda del espectro
electromagnético. Los colores son el resultado de la interpretación del cerebro humano de
estas longitudes de onda.
2. Psicología:
Desde una perspectiva psicológica, el color se describe como una experiencia subjetiva
que se genera en el cerebro en respuesta a la estimulación de células especializadas en la
retina, conocidas como conos. El campo de la psicología del color se centra en cómo los
colores afectan las emociones, el estado de ánimo y el comportamiento humano.
3. Diseño y Arte:
En diseño gráfico y arte, el color es una herramienta fundamental para la expresión y la
comunicación visual. Se estudian conceptos como la teoría del color, la armonía de colores,
y la combinación de colores para crear composiciones visuales efectivas y atractivas.
4. Tecnología:
En tecnología, el color se representa utilizando modelos de color, como el modelo RGB
(Red, Green, Blue) utilizado en dispositivos electrónicos y pantallas. También se utilizan
modelos como CMYK (Cyan, Magenta, Yellow, Key/Black) en impresión. En informática, los
colores se definen mediante códigos numéricos o hexadecimales.
5. Biología:
En biología, el color desempeña un papel en la comunicación y el camuflaje de muchas
especies. Los animales pueden tener adaptaciones de color para atraer a sus parejas,
asustar a los depredadores o esconderse de ellos.
6. Moda e Industria Textil:
En la industria de la moda y textil, el color es esencial. Se utilizan sistemas de clasificación
de colores, como el Pantone, para garantizar una reproducción precisa de los colores en la
fabricación de ropa y textiles.
Formatos
El modo de color RGB está basado en la suma de los colores lumínicos primarios. A esto
se le conoce como síntesis aditiva, donde los colores deben sumarse para conseguir uno
nuevo. Esos colores son el Rojo (Red), el Verde (Green) y el Azul (Blue).
El formato de color CMYK está basado en la sustracción del blanco usando para ello
mezclas de pigmentos. Es lo que se conoce como síntesis sustractiva. Los colores
sustractivos primarios para este modo de color son Cian (Cyan), Magenta (Magenta),
Amarillo (Yellow) y Negro (Black).
El modelo de color HSB (Hue, Saturation, Brightness) se basa en la percepción humana del
color y describe tres características fundamentales del color: Matiz, Saturación, Brillo.
Modelos de
color
El color es una percepción visual que
resulta de la forma en que la luz
interactúa con los objetos. Es una
característica de los objetos que
depende de la longitud de onda de la
luz que reflejan, absorben o
transmiten.
Modelo de color Modelo de color Modelo de color Modelo de color de
CMYK RGB HSB escala de grises
El modelo de color RGB utiliza los
componentes rojo (R, del inglés
"Red"), verde (G, del inglés
Color CMYK, utilizado en "Green") y azul (B, del inglés Color HSB, que significa "Hue,
impresión, define los colores "Blue") para definir la cantidad de Saturation, Brightness" (Matiz, El modo Escala de grises utiliza
basándose en los componentes luz de cada color en un color Saturación y Brillo), es un modelo de distintos tonos de gris en una imagen.
cian (C, del inglés "Cyan"), determinado. En una imagen de 24 representación de colores en el que En imágenes de 8 bits, puede haber
magenta (M, del inglés "Magenta"), bits, cada componente se expresa los colores se describen en función hasta 256 tonos de gris. Cada píxel de
amarillo (Y, del inglés "Yellow") y como un número entre 0 y 255. En de tres componentes principales. una imagen en escala de grises tiene
negro (K, del inglés "Black"). Los una imagen basada en un mayor un valor de brillo comprendido entre 0
valores para estos componentes número de bits, como una imagen (negro) y 255 (blanco).
varían de 0 a 100 y representan de 48 bits, el rango de valores es
porcentajes. también mayor. La combinación de
estos componentes define un color
específico. Caracteristicas
Matiz (Hue): Representa la tonalidad
o cualidad del color y se mide en
Caracteristicas grados en un círculo cromático. Por
En los modelos de color aditivos, ejemplo, 0° corresponde al rojo, 60°
Caracteristicas como RGB, el color se produce a Caracteristicas
al amarillo, 120° al verde, 180° al
En los modelos de color sustractivos, partir de la luz transmitida. RGB se cian, 240° al azul y 300° al magenta. Simplicidad: El modelo de escala
como CMYK, el color (es decir, la utiliza por lo tanto en monitores, de grises es uno de los sistemas de
tinta) se añade a una superficie, como Saturación (Saturation): Indica la
donde las luces roja, azul y verde se pureza o intensidad del color. color más simples, ya que solo
el papel blanco por ejemplo. A mezclan de distintas formas para utiliza un solo canal de información
continuación, el color “sustrae” brillo Valores más altos representan
reproducir un amplio rango de colores más vibrantes, mientras que (intensidad luminosa) en lugar de
de la superficie. Cuando el valor de colores. Cuando las luces roja, azul y tres canales (rojo, verde y azul)
cada componente de color (C,M,Y) es valores bajos resultan en colores
verde se combinan en su máxima más desaturados. Se mide en como en los modelos de color
100, el color resultante es el negro. intensidad, el ojo percibe el color RGB.
Cuando el valor de cada componente porcentaje, donde 0% equivale a un
resultante como blanco. En teoría, tono de gris y 100% a la máxima
es 0, no se añade ningún color a la los colores mezclados siguen siendo
superficie, por lo que se verá la saturación. Valores de escala de grises: Cada
rojo, azul y verde, pero los pixeles del
superficie misma; en este caso, el monitor se encuentran demasiado Brillo (Brightness): Se refiere a cuán píxel en una imagen en escala de
papel blanco. El negro (K) se incluye juntos para que nuestro ojo pueda claro u oscuro es un color. Un valor grises se representa por un solo
en el modelo de color por motivos de diferenciar los tres colores. Cuando alto indica un color claro, mientras valor numérico que denota su
impresión, ya que la tinta negra es el valor de cada componente es 0, que un valor bajo representa un intensidad luminosa. Este valor
más neutra y oscura que su indica que hay una ausencia de luz y color oscuro. También se mide en suele estar en el rango de 0 (negro)
equivalente al mezclar cantidades el ojo percibe el color negro. porcentaje, donde 0% es a 255 (blanco), donde los valores
iguales de C, M e Y. La tinta negra completamente negro y 100% es el intermedios representan diferentes
El color blanco es el resultado de color en su máxima luminosidad. tonos de gris.
produce resultados más nítidos, sobre combinar los tres colores RGB en su
todo para la impresión de texto. máima intensidad.
Además, la tinta negra suele ser más
barata que la de color. RGB es el modelo de color más Monocromático: Dado que no hay
utilizado porque posibilita el información de color en una imagen
El color negro es el resultado de almacenamiento y visualización en en escala de grises, se ve en
combinar los tres colores CMY en su pantalla de una amplia gama de blanco y negro o en tonos de gris,
mayor intensidad. colores. lo que la hace ideal para
representar imágenes en las que el
Aplicacion color no es importante.
Edición de imágenes y diseño gráfico:
El modelo HSB en software como
Photoshop permite ajustar colores de
manera intuitiva para efectos visuales
Aplicacion deseados.
Aplicacion Diseño de interfaces de usuario (UI):
Pantallas de visualización: Monitores de
Impresión: Reproducción de colores computadora, televisores y otros dispositivos Útil para seleccionar y ajustar colores
en materiales impresos, como de visualización utilizan RGB para mostrar con precisión en la creación de Aplicacion
documentos, revistas, carteles y imágenes y videos. interfaces atractivas.
Fotografía artística: para crear
envases. Gráficos y representación de datos:
Fotografía digital: Las cámaras digitales imágenes expresivas en blanco
Diseño gráfico: Creación de capturan imágenes en RGB, lo que permite Resalta datos y mejora la legibilidad y negro.
imágenes impresas por diseñadores representar una amplia gama de colores. Los en visualizaciones utilizando
saturación y brillo. Visión por computadora:
gráficos y artistas. programas de edición de imágenes, como simplifica el procesamiento en
Fotografía: Preparación de Adobe Photoshop, también trabajan en el Arte digital y pintura: Artistas digitales aplicaciones como
imágenes para la impresión y espacio de color RGB. lo usan para mezclar y seleccionar reconocimiento de patrones.
conversión del espacio de color Gráficos por computadora: Se utiliza para colores de manera intuitiva.
Impresión en blanco y negro:
RGB al CMYK. crear y manipular colores en aplicaciones de Diseño de logotipos y marca: Escoge económica en publicaciones.
Publicidad y marketing: Creación de diseño gráfico y en la creación de gráficos, colores distintivos y coherentes en
ilustraciones y animaciones. diferentes aplicaciones y medios. Imágenes médicas: destaca
materiales impresos para campañas
diferencias en radiografías.
de publicidad en vallas, folletos y Iluminación LED: Las luces LED RGB se
anuncios. utilizan en aplicaciones de iluminación Compresión de imágenes:
decorativa y escénica, permitiendo crear una mejora la eficiencia en
Industria de la moda: Impresión de
amplia variedad de colores mediante la algoritmos como JPEG al
textiles y prendas de vestir para
mezcla de las tres componentes. eliminar el color.
patrones y diseños personalizados.
Impresión: Aunque la impresión
principalmente utiliza el modelo de color
CMYK para mezclar tintas, el RGB se usa en
la etapa de preimpresión y en la
representación de colores en dispositivos de
salida, como impresoras láser y fotográficas.
Formatos de
Imagen
Los formatos de
imagen son estándares
de codificación
utilizados para
almacenar imágenes
digitales.
JPEG PNG GIF BMP TIFF SVG RAW
Formato de
Formato de Formato de imagen vectorial
Formato de Formato de mapa de bits Formato de Formato de
compresión con imagen en imagen sin basado en XML. archivo sin
compresión sin movimiento que que almacena
pérdida que pérdida que datos de comprimir o con procesar que
reduce el usa una paleta compresión sin conserva todos
mantiene la de colores imagen sin
tamaño del calidad original. comprimir. pérdida. Características: los datos de la
archivo. limitada. cámara.
Escalable, sin
pérdida de
calidad,
adecuado para
gráficos
Características: Características: Características: vectoriales.
Características Características: Admite Alta calidad, Características:
Admite Tamaño grande,
animaciones admite capas y Máxima calidad,
Adecuado para transparencia, sin compresión,
simples, calidad metadatos, necesita
fotografías, calidad alta, sin alta calidad.
limitada, tamaño tamaño grande. procesamiento,
admite millones artefactos de Aplicaciones: gran tamaño.
pequeño.
de colores, alta compresión. Gráficos
compresión. vectoriales,
logotipos,
diseño web.
Aplicaciones: Aplicaciones:
Aplicaciones: Gráficos de alta Fotografía
Aplicaciones: profesional, Aplicaciones:
Aplicaciones: Memes, calidad, Fotografía
Gráficos con impresiones, impresión de
Fotografía transparencia, animaciones profesional,
digital, sencillas, iconos imágenes alta calidad,
logotipos, edición
imágenes en animados. médicas. imágenes de
imágenes web. diseño. avanzada.
línea, redes
sociales.
Conclusión
Los modelos de color son herramientas esenciales utilizadas para representar y describir
colores en diferentes medios visuales. Cada modelo tiene características y aplicaciones
específicas. La elección del modelo de color apropiado depende de la aplicación, las
necesidades de reproducción de color y el contexto. Desde el modelo RGB para la
visualización en pantalla hasta el modelo CMYK para la impresión, comprender estos
modelos es crucial para lograr una representación precisa y coherente de los colores en
áreas como la tecnología de la imagen, el diseño gráfico y la impresión.
Los formatos de imagen son estándares esenciales para almacenar y compartir imágenes
digitales, y cada uno tiene sus propias características y aplicaciones específicas. La
elección del formato de imagen adecuado depende de los requisitos individuales, como la
calidad, el tamaño de archivo y el uso previsto. Por ejemplo, JPEG es excelente para
fotografías en línea, mientras que PNG es ideal para gráficos web con transparencia, y TIFF
se utiliza en impresión y aplicaciones de alta calidad. La comprensión de estos formatos es
fundamental para garantizar la eficiencia y la calidad en la gestión de imágenes digitales.
Bibliografías
“Modelo de Colores RGB, CMYK Y SRGB.” [Link],
[Link]/grafico/[Link].
“¿Qué Es El Color?” [Link], [Link]/for-educators/padres-y-
maestros-como-equipo/[Link].
“CorelDRAW X6 Help.” [Link],
[Link]/help/CorelDRAW/540240626/Main/ES/Doc/wwhelp/wwhimpl/c
ommon/html/[Link]?context=CorelDRAW_Help&file=CorelDRAW-
[Link].
Llasera, Jaime P. “RGB Y CMYK: Qué Son Y Cuándo Usar Cada Modo de Color.”
Imborrable, 13 Oct. 2020, [Link]/blog/rgb-y-
cmyk/#:~:text=En%20el%20modo%20de%20color. Accessed 19 Oct. 2023.
Losada, Helena. “¿Qué Son RGB Y CMYK? Diferencias Y Usos.” Helena Losada ®, 11
Nov. 2020, [Link]/que-son-rgb-y-cmyk/.
“Módelo de Color HSB.” Blogartesvisuales, 29 May 2007,
[Link]/diseno-grafico/color/modelo-de-color-hsb/.
“Modos de Color.” [Link], [Link]/photoshop/color-ajustes/color-modos-
de/#:~:text=El%20modo%20Escala%20de%20grises. Accessed 19 Oct. 2023.
V, Betania. “Los 13 Mejores Formatos de Imagen Y Cuándo Utilizarlos.” Tutoriales
Hostinger, 3 Mar. 2022, [Link]/tutoriales/formatos-de-imagen.
“Los Formatos de Imagen Más Importantes En Internet.” IONOS Digitalguide,
[Link]/digitalguide/paginas-web/diseno-web/cuales-son-los-formatos-de-
imagen-mas-importantes/.
“Formatos de Archivos de Imagen.” Wikipedia, 6 Oct. 2022,
[Link]/wiki/Formatos_de_archivos_de_imagen.
