SlideShare a Scribd company logo
1 of 22
Creaci ón y tratamiento de imágenes digitales Imagen  bitmap   o  raster Bitmap Mapa de bits Imagen matricial Imagen rasterizada 1. Definici ón y tipos de imágenes digitales 2. Color digital 3. Resolución 4. Tamaño de la imagen 5. Formatos de almacenamiento de la imagen
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Luz y color
Creaci ón y tratamiento de imágenes digitales La representaci ón cuantitativa del color esta basada en la denominada  teoría tricromática  del color postulada por Tomas Young (1802) y luego por Hermann von Helmohltz (1966), que afirma que  cualquier color se puede reproducir mezclando cantidades apropiadas de tres colores primarios . ,[object Object],[object Object],2. COLOR DIGITAL: Representaci ón del color
Creaci ón y tratamiento de imágenes digitales ,[object Object],2. COLOR DIGITAL: Representaci ón del color
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color /  RGB
Creaci ón y tratamiento de imágenes digitales ,[object Object],[object Object],[object Object],2. COLOR DIGITAL: Algunos modelos de color /  RGB
Creaci ón y tratamiento de imágenes digitales Es frecuente que  cada color primario se codifique con un byte (8 bits) . Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del  0 al 255 . El rojo se obtiene con  (255,0,0) , el verde con  (0,255,0)  y el azul con  (0,0,255) ,  obteniendo, en cada caso un color resultante monocromático. La ausencia de color (negro) se obtiene cuando las tres componentes son 0,  (0,0,0) . La combinación de dos colores a nivel 255 con un tercero en nivel 0 da lugar a tres colores intermedios. De esta forma el amarillo es  (255,255,0)  , el cyan  (0,255,255)  y el magenta  (255,0,255) . El color blanco se forma con los tres colores primarios a su máximo nivel (255,255,255). 2. COLOR DIGITAL: Algunos modelos de color /  RGB
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color /  CMYK
Creaci ón y tratamiento de imágenes digitales ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. COLOR DIGITAL: Algunos modelos de color /  CMYK
Creaci ón y tratamiento de imágenes digitales El uso de la impresión a cuatro tintas genera un buen resultado con mayor contraste. Sin embargo,  el color visto en el monitor de un ordenador es diferente al color del mismo objeto en una impresión . Los modelos  CMYK  y  RGB  tienen diferentes gamas de color o gamuts. Por ejemplo, el azul  puro (En 24 y 32 bits:  RGB=0,0,255 ) es imposible de reproducir en CMYK. El equivalente más cerca en CMYK es un tono azulvioláceo. RGB (0,0,255) 2. COLOR DIGITAL: Algunos modelos de color /  CMYK
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color /  RGB - CMYK
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color /  HSV   ó   HSB
Creaci ón y tratamiento de imágenes digitales Los modelos anteriores están orientados a dispositivos de entrada o salida, pero  no son adecuados para describir colores en t érminos prácticos para la interpretación humana . El modelo  HSV  se define a partir del modelo  RGB , pero especifican los colores utilizando coordenadas relacionadas con  atributos perceptuales  de los colores. 2. COLOR DIGITAL: Algunos modelos de color /  HSV   ó   HSB
Creaci ón y tratamiento de imágenes digitales El modelo  HSV  ( H ue,  S aturation,  V alue ), también llamado  HSB  ( H ue,  S aturation,  B rightness ), define un modelo de color en términos de sus componentes constituyentes en coordenadas cilíndricas: Tono:  Es el  nombre del color  (rojo, naranja, azul, etc.). A todos los colores se les puede asignar una localizaci ón y un número (un grado entre 0 y 360) en el circulo cromático estándar. Saturación:  Pureza o fuerza del color. A todos los colores se les asigna un valor de saturación entre  0% (gris) y 100% (completamente saturado). Brillo:  Claridad u oscuridad relativa del color. A todos los colores se les puede asignar un valor de brillo entre  0% (negro) y 100% (blanco). 2. COLOR DIGITAL: Algunos modelos de color /  HSV   ó   HSB
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color /  CIE Lab
Creaci ón y tratamiento de imágenes digitales ,[object Object],[object Object],[object Object],2. COLOR DIGITAL: Algunos modelos de color /  CIE Lab
Creaci ón y tratamiento de imágenes digitales ,[object Object],[object Object],[object Object],[object Object],2. COLOR DIGITAL: Algunos modelos de color /  CIE Lab
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Relaci ón de espacios de color entre modelos
Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Comparación  modelos de color /  RGB  -  CMYK  -  CIE Lab Tono Saturaci ón Brillo Todos HSB Luminiscencia Crom ático a Cromático b 16 - 32 256 Blanco a Negro Verde a Rojo Azul a Amarillo 1 CIE Lab 10 256 C ían Magenta Amarillo Negro 4 CMYK 0 - 255 0 - 100 % 8 256 Rojo Verde Azul 3 RGB 8 256 1 Escala de grises CARACT ERÍSTICAS BITS/CANAL COLORES CANALES MODELO
Conceptos clave CIE Luv CIE Lab MODELOS DE COLOR Orientados a equipos Pr óximos a la percepción humana Impresoras Monitores Perceptualmente uniformes RGB CMYK HSL HSV / HSB Tono / Saturaci ón / Tinte Se utilizan para representar señales color independientemente del dispositivo o aplicaci ón COLOR DIGITAL Mezclas sustractivas Mezclas aditivas Cualquier color se puede reproducir mezclando cantidades apropiadas de tres colores primarios Representaci ón del color basada en la teoría tricromática
Conceptos clave RGB CMYK Lab HSB
Texto de referencia: GALER, Mark; HORVART, Les:  Tratamiento digital de imágenes . 2nd Ed. Madrid: Anaya Multimedia, 2003. GRATACÓS-ROIG, Jordi; BATLLE, Montserrat:  Imagen Digital. Tratamiento Raster . 6ena Edició. Barcelona: Edicions belles Arts, 1999. [Temas TIGA , 2]. DL: B.42554-1999. MORÁN, José A. (COORD.):  Codificación del sonido y de la imagen . 1st ed. Barcelona: Eureca Media, SL, 2009.

More Related Content

What's hot

Presentación tema 4 el diseño 4º eso
Presentación tema 4 el diseño 4º esoPresentación tema 4 el diseño 4º eso
Presentación tema 4 el diseño 4º esoalejandrosanmar
 
Homologia
Homologia Homologia
Homologia Dibujing
 
El color y la percepción de la forma y el espacio
El color y la percepción de la forma y el espacioEl color y la percepción de la forma y el espacio
El color y la percepción de la forma y el espacioDulce Maria Manzo
 
EL LENGUAJE VISUAL (1º de ESO)
EL LENGUAJE VISUAL (1º de ESO) EL LENGUAJE VISUAL (1º de ESO)
EL LENGUAJE VISUAL (1º de ESO) gbgplastica
 
Proyecciones axonometricas
Proyecciones axonometricasProyecciones axonometricas
Proyecciones axonometricasVICTOЯ ЯANG3L
 
Cortes y secciones final
Cortes y secciones   finalCortes y secciones   final
Cortes y secciones finalJorge Marulanda
 
Color en la Industria Grafica
Color en la Industria GraficaColor en la Industria Grafica
Color en la Industria GraficaFelipe García
 
La Expresividad Del Color
La Expresividad Del ColorLa Expresividad Del Color
La Expresividad Del ColorDaniloquis
 
La representación del volumen - Lámina 6
La representación del volumen - Lámina 6 La representación del volumen - Lámina 6
La representación del volumen - Lámina 6 Slideshare de Mara
 
Az építmények grafikus ábrázolása
Az építmények grafikus ábrázolásaAz építmények grafikus ábrázolása
Az építmények grafikus ábrázolásamolnaribolya
 
Philipp Otto runge by cristina
Philipp Otto runge by cristinaPhilipp Otto runge by cristina
Philipp Otto runge by cristinacriss yepez
 
Mosaicos nazaries
Mosaicos nazariesMosaicos nazaries
Mosaicos nazariesMateBivi
 
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...Isabel Guinot
 
Sistema axonométrico
Sistema axonométricoSistema axonométrico
Sistema axonométricofer0lina
 

What's hot (20)

Presentación tema 4 el diseño 4º eso
Presentación tema 4 el diseño 4º esoPresentación tema 4 el diseño 4º eso
Presentación tema 4 el diseño 4º eso
 
Homologia
Homologia Homologia
Homologia
 
Mosaicos nazaríes
Mosaicos nazaríesMosaicos nazaríes
Mosaicos nazaríes
 
El color y la percepción de la forma y el espacio
El color y la percepción de la forma y el espacioEl color y la percepción de la forma y el espacio
El color y la percepción de la forma y el espacio
 
EL LENGUAJE VISUAL (1º de ESO)
EL LENGUAJE VISUAL (1º de ESO) EL LENGUAJE VISUAL (1º de ESO)
EL LENGUAJE VISUAL (1º de ESO)
 
Proyecciones axonometricas
Proyecciones axonometricasProyecciones axonometricas
Proyecciones axonometricas
 
Cortes y secciones final
Cortes y secciones   finalCortes y secciones   final
Cortes y secciones final
 
Color en la Industria Grafica
Color en la Industria GraficaColor en la Industria Grafica
Color en la Industria Grafica
 
La Expresividad Del Color
La Expresividad Del ColorLa Expresividad Del Color
La Expresividad Del Color
 
La representación del volumen - Lámina 6
La representación del volumen - Lámina 6 La representación del volumen - Lámina 6
La representación del volumen - Lámina 6
 
Az építmények grafikus ábrázolása
Az építmények grafikus ábrázolásaAz építmények grafikus ábrázolása
Az építmények grafikus ábrázolása
 
Fotografía composición
Fotografía composiciónFotografía composición
Fotografía composición
 
Philipp Otto runge by cristina
Philipp Otto runge by cristinaPhilipp Otto runge by cristina
Philipp Otto runge by cristina
 
tangencias 3º ESO
tangencias 3º ESOtangencias 3º ESO
tangencias 3º ESO
 
Monotipo
MonotipoMonotipo
Monotipo
 
EL MÓDULO [Autoguardado].pptx
EL MÓDULO [Autoguardado].pptxEL MÓDULO [Autoguardado].pptx
EL MÓDULO [Autoguardado].pptx
 
Mosaicos nazaries
Mosaicos nazariesMosaicos nazaries
Mosaicos nazaries
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
 
Sistema axonométrico
Sistema axonométricoSistema axonométrico
Sistema axonométrico
 

Similar to Color digital

Similar to Color digital (20)

Creación y tratamiento de imágenes digitales: color digital
Creación y tratamiento de imágenes digitales: color digitalCreación y tratamiento de imágenes digitales: color digital
Creación y tratamiento de imágenes digitales: color digital
 
COLOR DIGITAL
COLOR DIGITALCOLOR DIGITAL
COLOR DIGITAL
 
Cesar perugach i3 an
Cesar perugach i3 anCesar perugach i3 an
Cesar perugach i3 an
 
Modos de color 1.1
Modos de color 1.1Modos de color 1.1
Modos de color 1.1
 
Modos de color 1.1
Modos de color 1.1Modos de color 1.1
Modos de color 1.1
 
Examen 5to
Examen 5toExamen 5to
Examen 5to
 
Modelo rgb
Modelo rgbModelo rgb
Modelo rgb
 
Pedro sarco modos de color
Pedro sarco  modos de colorPedro sarco  modos de color
Pedro sarco modos de color
 
Consulta nº3
Consulta nº3Consulta nº3
Consulta nº3
 
Modelo del color
Modelo del colorModelo del color
Modelo del color
 
Modelo rgb
Modelo rgbModelo rgb
Modelo rgb
 
El color
El colorEl color
El color
 
Modelo del color
Modelo del colorModelo del color
Modelo del color
 
Modelo rgb
Modelo rgbModelo rgb
Modelo rgb
 
Modelo rgb
Modelo rgbModelo rgb
Modelo rgb
 
Modo de color 1
Modo de color 1Modo de color 1
Modo de color 1
 
Semana6_EspaciosdeColor.pptx
Semana6_EspaciosdeColor.pptxSemana6_EspaciosdeColor.pptx
Semana6_EspaciosdeColor.pptx
 
Presentación2
Presentación2Presentación2
Presentación2
 
Presentación2
Presentación2Presentación2
Presentación2
 
Deber editorial modos de color y pantones convertido(2)
Deber editorial modos de color y pantones convertido(2)Deber editorial modos de color y pantones convertido(2)
Deber editorial modos de color y pantones convertido(2)
 

More from disseny2d1

Microsoft paint paintbrush for_windows_katarzyna_rozek
Microsoft paint paintbrush for_windows_katarzyna_rozekMicrosoft paint paintbrush for_windows_katarzyna_rozek
Microsoft paint paintbrush for_windows_katarzyna_rozekdisseny2d1
 
Documento Word entrevista
Documento Word entrevistaDocumento Word entrevista
Documento Word entrevistadisseny2d1
 
Presentacio inkscape
Presentacio inkscapePresentacio inkscape
Presentacio inkscapedisseny2d1
 
Adobe Illustrator: Historia y Desarrollo (texto)
Adobe Illustrator: Historia y Desarrollo (texto)  Adobe Illustrator: Historia y Desarrollo (texto)
Adobe Illustrator: Historia y Desarrollo (texto) disseny2d1
 
Dreamweavertraball
DreamweavertraballDreamweavertraball
Dreamweavertraballdisseny2d1
 
Dreamweaver cnt.tr
Dreamweaver cnt.trDreamweaver cnt.tr
Dreamweaver cnt.trdisseny2d1
 
Paint_GD1_Rozek_Kasia
Paint_GD1_Rozek_KasiaPaint_GD1_Rozek_Kasia
Paint_GD1_Rozek_Kasiadisseny2d1
 
Presentación1
Presentación1Presentación1
Presentación1disseny2d1
 

More from disseny2d1 (20)

Tamaño
TamañoTamaño
Tamaño
 
Resolución
ResoluciónResolución
Resolución
 
Bitmap
BitmapBitmap
Bitmap
 
0006
00060006
0006
 
0005
00050005
0005
 
0004
00040004
0004
 
0003
00030003
0003
 
Microsoft paint paintbrush for_windows_katarzyna_rozek
Microsoft paint paintbrush for_windows_katarzyna_rozekMicrosoft paint paintbrush for_windows_katarzyna_rozek
Microsoft paint paintbrush for_windows_katarzyna_rozek
 
Tema 1 texto
Tema 1 textoTema 1 texto
Tema 1 texto
 
Documento Word entrevista
Documento Word entrevistaDocumento Word entrevista
Documento Word entrevista
 
Inkscape
InkscapeInkscape
Inkscape
 
Presentacio inkscape
Presentacio inkscapePresentacio inkscape
Presentacio inkscape
 
Adobe Illustrator: Historia y Desarrollo (texto)
Adobe Illustrator: Historia y Desarrollo (texto)  Adobe Illustrator: Historia y Desarrollo (texto)
Adobe Illustrator: Historia y Desarrollo (texto)
 
Dreamweavertraball
DreamweavertraballDreamweavertraball
Dreamweavertraball
 
Dreamweaver cnt.tr
Dreamweaver cnt.trDreamweaver cnt.tr
Dreamweaver cnt.tr
 
Paint_GD1_Rozek_Kasia
Paint_GD1_Rozek_KasiaPaint_GD1_Rozek_Kasia
Paint_GD1_Rozek_Kasia
 
Gimp
GimpGimp
Gimp
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentación1
Presentación1Presentación1
Presentación1
 
Marcmestre
MarcmestreMarcmestre
Marcmestre
 

Color digital

  • 1. Creaci ón y tratamiento de imágenes digitales Imagen bitmap o raster Bitmap Mapa de bits Imagen matricial Imagen rasterizada 1. Definici ón y tipos de imágenes digitales 2. Color digital 3. Resolución 4. Tamaño de la imagen 5. Formatos de almacenamiento de la imagen
  • 2. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Luz y color
  • 3.
  • 4.
  • 5. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color / RGB
  • 6.
  • 7. Creaci ón y tratamiento de imágenes digitales Es frecuente que cada color primario se codifique con un byte (8 bits) . Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del 0 al 255 . El rojo se obtiene con (255,0,0) , el verde con (0,255,0) y el azul con (0,0,255) , obteniendo, en cada caso un color resultante monocromático. La ausencia de color (negro) se obtiene cuando las tres componentes son 0, (0,0,0) . La combinación de dos colores a nivel 255 con un tercero en nivel 0 da lugar a tres colores intermedios. De esta forma el amarillo es (255,255,0) , el cyan (0,255,255) y el magenta (255,0,255) . El color blanco se forma con los tres colores primarios a su máximo nivel (255,255,255). 2. COLOR DIGITAL: Algunos modelos de color / RGB
  • 8. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color / CMYK
  • 9.
  • 10. Creaci ón y tratamiento de imágenes digitales El uso de la impresión a cuatro tintas genera un buen resultado con mayor contraste. Sin embargo, el color visto en el monitor de un ordenador es diferente al color del mismo objeto en una impresión . Los modelos CMYK y RGB tienen diferentes gamas de color o gamuts. Por ejemplo, el azul puro (En 24 y 32 bits: RGB=0,0,255 ) es imposible de reproducir en CMYK. El equivalente más cerca en CMYK es un tono azulvioláceo. RGB (0,0,255) 2. COLOR DIGITAL: Algunos modelos de color / CMYK
  • 11. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color / RGB - CMYK
  • 12. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color / HSV ó HSB
  • 13. Creaci ón y tratamiento de imágenes digitales Los modelos anteriores están orientados a dispositivos de entrada o salida, pero no son adecuados para describir colores en t érminos prácticos para la interpretación humana . El modelo HSV se define a partir del modelo RGB , pero especifican los colores utilizando coordenadas relacionadas con atributos perceptuales de los colores. 2. COLOR DIGITAL: Algunos modelos de color / HSV ó HSB
  • 14. Creaci ón y tratamiento de imágenes digitales El modelo HSV ( H ue, S aturation, V alue ), también llamado HSB ( H ue, S aturation, B rightness ), define un modelo de color en términos de sus componentes constituyentes en coordenadas cilíndricas: Tono: Es el nombre del color (rojo, naranja, azul, etc.). A todos los colores se les puede asignar una localizaci ón y un número (un grado entre 0 y 360) en el circulo cromático estándar. Saturación: Pureza o fuerza del color. A todos los colores se les asigna un valor de saturación entre 0% (gris) y 100% (completamente saturado). Brillo: Claridad u oscuridad relativa del color. A todos los colores se les puede asignar un valor de brillo entre 0% (negro) y 100% (blanco). 2. COLOR DIGITAL: Algunos modelos de color / HSV ó HSB
  • 15. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Algunos modelos de color / CIE Lab
  • 16.
  • 17.
  • 18. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Relaci ón de espacios de color entre modelos
  • 19. Creaci ón y tratamiento de imágenes digitales 2. COLOR DIGITAL: Comparación modelos de color / RGB - CMYK - CIE Lab Tono Saturaci ón Brillo Todos HSB Luminiscencia Crom ático a Cromático b 16 - 32 256 Blanco a Negro Verde a Rojo Azul a Amarillo 1 CIE Lab 10 256 C ían Magenta Amarillo Negro 4 CMYK 0 - 255 0 - 100 % 8 256 Rojo Verde Azul 3 RGB 8 256 1 Escala de grises CARACT ERÍSTICAS BITS/CANAL COLORES CANALES MODELO
  • 20. Conceptos clave CIE Luv CIE Lab MODELOS DE COLOR Orientados a equipos Pr óximos a la percepción humana Impresoras Monitores Perceptualmente uniformes RGB CMYK HSL HSV / HSB Tono / Saturaci ón / Tinte Se utilizan para representar señales color independientemente del dispositivo o aplicaci ón COLOR DIGITAL Mezclas sustractivas Mezclas aditivas Cualquier color se puede reproducir mezclando cantidades apropiadas de tres colores primarios Representaci ón del color basada en la teoría tricromática
  • 21. Conceptos clave RGB CMYK Lab HSB
  • 22. Texto de referencia: GALER, Mark; HORVART, Les: Tratamiento digital de imágenes . 2nd Ed. Madrid: Anaya Multimedia, 2003. GRATACÓS-ROIG, Jordi; BATLLE, Montserrat: Imagen Digital. Tratamiento Raster . 6ena Edició. Barcelona: Edicions belles Arts, 1999. [Temas TIGA , 2]. DL: B.42554-1999. MORÁN, José A. (COORD.): Codificación del sonido y de la imagen . 1st ed. Barcelona: Eureca Media, SL, 2009.