tipos de colores
TRANSCRIPT
PDF generado usando el kit de herramientas de fuente abierta mwlib Ver httpcodepediapresscom para mayor informacioacutenPDF generated at Thu 31 Jan 2013 173455 UTC
Disentildeo GraficoTipos de colores
ContenidosArtiacuteculos
RGB 1Modelo de color CMYK 7Modelo de color HSL 11
ReferenciasFuentes y contribuyentes del artiacuteculo 13Fuentes de imagen Licencias y contribuyentes 14
Licencias de artiacuteculosLicencia 15
RGB 1
RGB
Modelo aditivo de colores rojo verde azul
RGB (en Ingleacutes Red Green Blue en Espantildeol rojo verde azul) es lacomposicioacuten del color en teacuterminos de la intensidad de los coloresprimarios de la luz puede referirse a
bullbull El modelo de color RGBbullbull El tratamiento de la sentildeal de viacutedeo RGBbullbull El uso de RGB en HTML y otros lenguajes de programacioacuten
Modelo de color RGB
RGB es un modelo de color basado en la siacutentesis aditiva con el que esposible representar un color mediante la mezcla por adicioacuten de los trescolores de luz primarios El modelo de color RGB no define por siacutemismo lo que significa exactamente rojo verde o azul por lo que losmismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen estemodelo de color Aunque utilicen un mismo modelo de color sus espacios de color pueden variarconsiderablemente
Percepcioacuten y sensacioacuten de colorLos ojos humanos tienen dos tipos de ceacutelulas sensibles a la luz o fotorreceptores los bastones y los conos Estosuacuteltimos son los encargados de aportar la informacioacuten de colorPara saber coacutemo es percibido un color hay que tener en cuenta que existen tres tipos de conos con respuestasfrecuenciales diferentes y que tienen maacutexima sensibilidad a los colores que forman la terna RGB Aunque que losconos que reciben informacioacuten del verde y el rojo tienen una curva de sensibilidad similar la respuesta al color azules una veinteava (120) parte de la respuesta a los otros dos colores Este hecho lo aprovechan algunos sistemas decodificacioacuten de imagen y viacutedeo como el JPEG o el MPEG perdiendo de manera consciente maacutes informacioacuten de lacomponente azul ya que el ser humano no percibe esta peacuterdidaLa sensacioacuten de color se puede definir como la respuesta de cada una de las curvas de sensibilidad al espectroradiado por el objeto observado De esta manera obtenemos tres respuestas diferentes una por cada colorEl hecho de que la sensacioacuten de color se obtenga de este modo hace que dos objetos observados radiando unespectro diferente puedan producir la misma sensacioacuten Y en esta limitacioacuten de la visioacuten humana se basa el modelode siacutentesis del color mediante el cual podemos obtener a partir de estiacutemulos visuales estudiados y con una mezcla delos tres colores primarios el color de un objeto con un espectro determinado
RGB 2
Tratamiento de la sentildeal de viacutedeo RGBRGB (en ingleacutes Red Green Blue) es el tratamiento de la sentildeal de viacutedeo que trata por separado las sentildeales de los trescolores rojo verde y azul Al usarlo independientemente proporciona mayor calidad y reproduccioacuten maacutes fiel delcolor
Visioacuten generalEl modelo de color llamado RGB es el que se utiliza en todos los sistemas que forman imaacutegenes a traveacutes de rayosluminosos ya sea emitieacutendolos o recibieacutendolosEl modelo RGB estaacute formado por los tres componentes de colores primarios aditivos y como miacutenimo un componentede sincronismo Los componentes de color son las sentildeales rojo verde y azul (viniendo el nombre de las iniciales desu nomenclatura inglesa Red Green Blue) siendo transmitidos cada uno independiente y aislado del restoDe esta forma no hay peacuterdidas en el tratamiento de la imagen puesto que los colores primarios siguen existiendocomo tal en su transmisioacuten Por el contrario mediante este sistema hay mucha informacioacuten redundante con elconsiguiente aumento del ancho de banda necesario respecto a otros meacutetodos de transmisioacuten Por ejemplo cadacolor lleva el valor de brillo de toda la imagen de forma que esta informacioacuten estaacute por triplicado
Emisores RGBUnos sistemas (los que emiten rayos luminosos) forman las imaacutegenes bien a traveacutes de tubos de rayos catoacutedicos (TVmonitores proyectores de viacutedeo etc) a traveacutes de LED (diodos luminosos) o sistemas de Plasma (TV monitoresetc)
Sentildeal de luminancia
La sensacioacuten de luminosidad viene dada por el brillo de un objeto y por su opacidad pudiendo producir dos objetoscon tonalidades y prismas diferentes la misma sensacioacuten lumiacutenica La sentildeal de luminancia es la cuantificacioacuten de esasensacioacuten de brillo Para mantener la compatibilidad entre las imaacutegenes en blanco y negro y las imaacutegenes en colorlos sistemas de televisioacuten actuales (PAL NTSC SECAM) transmiten tres informaciones la luminancia y dossentildeales diferencia de colorDe esta manera los antiguos modelos en blanco y negro pueden obviar la informacioacuten relativa al color y reproducirsolamente la luminancia es decir el brillo de cada piacutexel aplicado a una imagen en escala de grises Y las televisionesen color obtienen la informacioacuten de las tres componentes RGB a partir de una matriz que relaciona cada componentecon una de las sentildeales diferencia de colorPara cada uno de los sistemas de televisioacuten se transmiten de diferente manera motivo por el cual podemos tenerproblemas al reproducir una sentildeal NTSC en un sistema de reproduccioacuten PAL
Sentildeal de sincronismo
La sentildeal de sincronismo es necesaria para poder marcar la pauta de guiado de la muestra de colores en pantalla tantoen el sentido horizontal (el avance de la liacutenea de imagen) como en sentido vertical (el salto a una nueva liacutenea deimagen)El sincronismo puede transmitirse principalmente de tres formasbull Sincronismos separados (RGBHV) Mediante este meacutetodo existe una sentildeal para el sincronismo horizontal
HSync y otra sentildeal para el sincronismo vertical VSync ambas independientes entre siacute y entre las sentildeales decolores teniendo en total 5 sentildeales en la transmisioacuten
bull Sincronismo compuesto (RGBS) Mediante este meacutetodo existe una sentildeal con toda la informacioacuten delsincronismo horizontal y vertical independiente entre las sentildeales de colores teniendo en total 4 sentildeales en latransmisioacuten
RGB 3
bull Sincronismo en verde (RGsB o SoG -Sync on Green-) Mediante este meacutetodo existe una sentildeal con toda lainformacioacuten del sincronismo horizontal y vertical multiplexada junto con la sentildeal de color verde teniendo en total3 sentildeales en la transmisioacuten
Noacutetese que este modelo existe soacutelamente en pantallas y combinaciones de luz No aplica para pigmento (pintura)debido a que se aplica modo sustractivo de luz[1]
Receptores RGBLos sistemas que reciben y capturan luz (capturan las imaacutegenes) son las caacutemaras digitales de fotografiacutea y viacutedeo losescaacuteneres etc Gracias al establecimiento de este modelo de color ha sido posible la creacioacuten de todos estos sistemasde emisioacuten y recepcioacuten de imaacutegenes Sin embargo algunas valores (intensidad de brillo) no pueden ser obtenidas poreste meacutetodo
Uso de RGB en HTML y otros lenguajes de programacioacutenPara indicar con queacute proporcioacuten es mezclado cada color se asigna un valor a cada uno de los colores primarios demanera que el valor 0 significa que no interviene en la mezcla y a medida que ese valor aumenta se entiende queaporta maacutes intensidad a la mezcla Aunque el intervalo de valores podriacutea ser cualquiera (valores reales entre 0 y 1valores enteros entre 0 y 37 etc) es frecuente que cada color primario se codifique con un byte (8 bits)Asiacute de manera usual la intensidad de cada una de las componentes se mide seguacuten una escala que va del 0 al 255 ycada color es definido por un conjunto de valores escritos entre pareacutentesis (correspondientes a valores R G yB) y separados por comas
Cubo RGB
De este modo el rojo se obtiene con (25500) el verde con (02550) yel azul con (00255) obteniendo en cada caso un color resultantemonocromaacutetico La ausencia de color es decir el color negro seobtiene cuando las tres componentes son 0 (000) La combinacioacuten dedos colores a su maacuteximo valor de 255 con un tercero con valor 0 dalugar a tres colores intermedios De esta forma aparecen los coloresamarillo (2552550) cian (0255255) y magenta (2550255) El colorblanco se forma con los tres colores primarios a su maacuteximo valor(255255255)El conjunto de todos los colores tambieacuten se puede representar en formade cubo Cada color es un punto de la superficie o del interior de eacutesteLa escala de grises estariacutea situada en la diagonal que une al colorblanco con el negro
HTMLEn las pantallas la sensacioacuten de color se produce por la mezcla aditiva de rojo verde y azul Las pantallas se dividenen puntos minuacutesculos llamados piacutexeles formados por tres subpiacutexeles de colores primarios de luz cada uno de loscuales brilla con una determinada intensidadAl principio la limitacioacuten en la profundidad de color de la mayoriacutea de los monitores condujo a una gama limitada a216 colores definidos por el cubo de color mediante la foacutermula 63=216 No obstante el predominio de losmonitores de 24-bit (resultante de 224) posibilitoacute el uso de 167 millones de colores del espacio de color HTMLRGB
RGB 4
La gama de colores de la Web consiste en 216 combinaciones de rojo verde y azul donde cada color puede tomarun valor entre seis diferentes (en numeracioacuten hexadecimal) 00 33 66 99 CC o FF cuyos valoresrespectivos en sistema decimal equivalen a 0 51 102 153 204 y 255 que tienen un porcentaje de intensidad de 020 40 60 80 y 100 respectivamente Esto nos permite dividir los 216 colores en un cubo de dimensioacuten 6Se procura que los piacutexeles sean de un color tal que cuanto maacutes saturado sea seraacute mejor pero nunca se trata de uncolor absolutamente puro Por tanto la produccioacuten de colores con este sistema tiene limitaciones
bullbull La derivada del funcionamiento de las mezclas aditivas soacutelo pueden ser obtenidos los colores interiores deltriaacutengulo formado por los tres colores primarios de luz
bullbull La derivada del hecho que los colores primarios usados no son absolutamente monocromaacuteticosbullbull Las diversas pantallas no son iguales exactamente ademaacutes de ser configurables por los usuarios con lo cual
varios paraacutemetros pueden variarEsto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripcionesrelativas y entender la precisioacuten de acuerdo con las caracteriacutesticas de la pantalla
Codificacioacuten hexadecimal del color
Colores de la CIE
La codificacioacuten dodecadecimal del color permite expresar faacutecilmenteun color concreto de la escala RGB utilizando la notacioacutenhexadecimal como en el lenguaje HTML y en JavaScript Este sistemautiliza la combinacioacuten de tres coacutedigos de dos diacutegitos para expresar lasdiferentes intensidades de los colores primarios RGB
El blanco y el negro
Negro 000000 Los tres canales estaacuten al miacutenimo 00 00 y 00
Blanco FFFFFF Los tres canales estaacuten al maacuteximo FF FF y FF
En el sistema de numeracioacuten hexadecimal ademaacutes de los nuacutemeros del 0 al 9 se utilizan seis letras con un valornumeacuterico equivalente a=10 b=11 c=12 d=13 e=14 y f=15 La correspondencia entre la numeracioacuten hexadecimal yla decimal u ordinaria viene dada por la siguiente foacutermula
decimal = primera cifra hexadecimal 16 + segunda cifra hexadecimal
La intensidad maacutexima es ff que se corresponde con (1516)+15= 255 en decimal y la nula es 00 tambieacuten 0 endecimal De esta manera cualquier color queda definido por tres pares de diacutegitos
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
ContenidosArtiacuteculos
RGB 1Modelo de color CMYK 7Modelo de color HSL 11
ReferenciasFuentes y contribuyentes del artiacuteculo 13Fuentes de imagen Licencias y contribuyentes 14
Licencias de artiacuteculosLicencia 15
RGB 1
RGB
Modelo aditivo de colores rojo verde azul
RGB (en Ingleacutes Red Green Blue en Espantildeol rojo verde azul) es lacomposicioacuten del color en teacuterminos de la intensidad de los coloresprimarios de la luz puede referirse a
bullbull El modelo de color RGBbullbull El tratamiento de la sentildeal de viacutedeo RGBbullbull El uso de RGB en HTML y otros lenguajes de programacioacuten
Modelo de color RGB
RGB es un modelo de color basado en la siacutentesis aditiva con el que esposible representar un color mediante la mezcla por adicioacuten de los trescolores de luz primarios El modelo de color RGB no define por siacutemismo lo que significa exactamente rojo verde o azul por lo que losmismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen estemodelo de color Aunque utilicen un mismo modelo de color sus espacios de color pueden variarconsiderablemente
Percepcioacuten y sensacioacuten de colorLos ojos humanos tienen dos tipos de ceacutelulas sensibles a la luz o fotorreceptores los bastones y los conos Estosuacuteltimos son los encargados de aportar la informacioacuten de colorPara saber coacutemo es percibido un color hay que tener en cuenta que existen tres tipos de conos con respuestasfrecuenciales diferentes y que tienen maacutexima sensibilidad a los colores que forman la terna RGB Aunque que losconos que reciben informacioacuten del verde y el rojo tienen una curva de sensibilidad similar la respuesta al color azules una veinteava (120) parte de la respuesta a los otros dos colores Este hecho lo aprovechan algunos sistemas decodificacioacuten de imagen y viacutedeo como el JPEG o el MPEG perdiendo de manera consciente maacutes informacioacuten de lacomponente azul ya que el ser humano no percibe esta peacuterdidaLa sensacioacuten de color se puede definir como la respuesta de cada una de las curvas de sensibilidad al espectroradiado por el objeto observado De esta manera obtenemos tres respuestas diferentes una por cada colorEl hecho de que la sensacioacuten de color se obtenga de este modo hace que dos objetos observados radiando unespectro diferente puedan producir la misma sensacioacuten Y en esta limitacioacuten de la visioacuten humana se basa el modelode siacutentesis del color mediante el cual podemos obtener a partir de estiacutemulos visuales estudiados y con una mezcla delos tres colores primarios el color de un objeto con un espectro determinado
RGB 2
Tratamiento de la sentildeal de viacutedeo RGBRGB (en ingleacutes Red Green Blue) es el tratamiento de la sentildeal de viacutedeo que trata por separado las sentildeales de los trescolores rojo verde y azul Al usarlo independientemente proporciona mayor calidad y reproduccioacuten maacutes fiel delcolor
Visioacuten generalEl modelo de color llamado RGB es el que se utiliza en todos los sistemas que forman imaacutegenes a traveacutes de rayosluminosos ya sea emitieacutendolos o recibieacutendolosEl modelo RGB estaacute formado por los tres componentes de colores primarios aditivos y como miacutenimo un componentede sincronismo Los componentes de color son las sentildeales rojo verde y azul (viniendo el nombre de las iniciales desu nomenclatura inglesa Red Green Blue) siendo transmitidos cada uno independiente y aislado del restoDe esta forma no hay peacuterdidas en el tratamiento de la imagen puesto que los colores primarios siguen existiendocomo tal en su transmisioacuten Por el contrario mediante este sistema hay mucha informacioacuten redundante con elconsiguiente aumento del ancho de banda necesario respecto a otros meacutetodos de transmisioacuten Por ejemplo cadacolor lleva el valor de brillo de toda la imagen de forma que esta informacioacuten estaacute por triplicado
Emisores RGBUnos sistemas (los que emiten rayos luminosos) forman las imaacutegenes bien a traveacutes de tubos de rayos catoacutedicos (TVmonitores proyectores de viacutedeo etc) a traveacutes de LED (diodos luminosos) o sistemas de Plasma (TV monitoresetc)
Sentildeal de luminancia
La sensacioacuten de luminosidad viene dada por el brillo de un objeto y por su opacidad pudiendo producir dos objetoscon tonalidades y prismas diferentes la misma sensacioacuten lumiacutenica La sentildeal de luminancia es la cuantificacioacuten de esasensacioacuten de brillo Para mantener la compatibilidad entre las imaacutegenes en blanco y negro y las imaacutegenes en colorlos sistemas de televisioacuten actuales (PAL NTSC SECAM) transmiten tres informaciones la luminancia y dossentildeales diferencia de colorDe esta manera los antiguos modelos en blanco y negro pueden obviar la informacioacuten relativa al color y reproducirsolamente la luminancia es decir el brillo de cada piacutexel aplicado a una imagen en escala de grises Y las televisionesen color obtienen la informacioacuten de las tres componentes RGB a partir de una matriz que relaciona cada componentecon una de las sentildeales diferencia de colorPara cada uno de los sistemas de televisioacuten se transmiten de diferente manera motivo por el cual podemos tenerproblemas al reproducir una sentildeal NTSC en un sistema de reproduccioacuten PAL
Sentildeal de sincronismo
La sentildeal de sincronismo es necesaria para poder marcar la pauta de guiado de la muestra de colores en pantalla tantoen el sentido horizontal (el avance de la liacutenea de imagen) como en sentido vertical (el salto a una nueva liacutenea deimagen)El sincronismo puede transmitirse principalmente de tres formasbull Sincronismos separados (RGBHV) Mediante este meacutetodo existe una sentildeal para el sincronismo horizontal
HSync y otra sentildeal para el sincronismo vertical VSync ambas independientes entre siacute y entre las sentildeales decolores teniendo en total 5 sentildeales en la transmisioacuten
bull Sincronismo compuesto (RGBS) Mediante este meacutetodo existe una sentildeal con toda la informacioacuten delsincronismo horizontal y vertical independiente entre las sentildeales de colores teniendo en total 4 sentildeales en latransmisioacuten
RGB 3
bull Sincronismo en verde (RGsB o SoG -Sync on Green-) Mediante este meacutetodo existe una sentildeal con toda lainformacioacuten del sincronismo horizontal y vertical multiplexada junto con la sentildeal de color verde teniendo en total3 sentildeales en la transmisioacuten
Noacutetese que este modelo existe soacutelamente en pantallas y combinaciones de luz No aplica para pigmento (pintura)debido a que se aplica modo sustractivo de luz[1]
Receptores RGBLos sistemas que reciben y capturan luz (capturan las imaacutegenes) son las caacutemaras digitales de fotografiacutea y viacutedeo losescaacuteneres etc Gracias al establecimiento de este modelo de color ha sido posible la creacioacuten de todos estos sistemasde emisioacuten y recepcioacuten de imaacutegenes Sin embargo algunas valores (intensidad de brillo) no pueden ser obtenidas poreste meacutetodo
Uso de RGB en HTML y otros lenguajes de programacioacutenPara indicar con queacute proporcioacuten es mezclado cada color se asigna un valor a cada uno de los colores primarios demanera que el valor 0 significa que no interviene en la mezcla y a medida que ese valor aumenta se entiende queaporta maacutes intensidad a la mezcla Aunque el intervalo de valores podriacutea ser cualquiera (valores reales entre 0 y 1valores enteros entre 0 y 37 etc) es frecuente que cada color primario se codifique con un byte (8 bits)Asiacute de manera usual la intensidad de cada una de las componentes se mide seguacuten una escala que va del 0 al 255 ycada color es definido por un conjunto de valores escritos entre pareacutentesis (correspondientes a valores R G yB) y separados por comas
Cubo RGB
De este modo el rojo se obtiene con (25500) el verde con (02550) yel azul con (00255) obteniendo en cada caso un color resultantemonocromaacutetico La ausencia de color es decir el color negro seobtiene cuando las tres componentes son 0 (000) La combinacioacuten dedos colores a su maacuteximo valor de 255 con un tercero con valor 0 dalugar a tres colores intermedios De esta forma aparecen los coloresamarillo (2552550) cian (0255255) y magenta (2550255) El colorblanco se forma con los tres colores primarios a su maacuteximo valor(255255255)El conjunto de todos los colores tambieacuten se puede representar en formade cubo Cada color es un punto de la superficie o del interior de eacutesteLa escala de grises estariacutea situada en la diagonal que une al colorblanco con el negro
HTMLEn las pantallas la sensacioacuten de color se produce por la mezcla aditiva de rojo verde y azul Las pantallas se dividenen puntos minuacutesculos llamados piacutexeles formados por tres subpiacutexeles de colores primarios de luz cada uno de loscuales brilla con una determinada intensidadAl principio la limitacioacuten en la profundidad de color de la mayoriacutea de los monitores condujo a una gama limitada a216 colores definidos por el cubo de color mediante la foacutermula 63=216 No obstante el predominio de losmonitores de 24-bit (resultante de 224) posibilitoacute el uso de 167 millones de colores del espacio de color HTMLRGB
RGB 4
La gama de colores de la Web consiste en 216 combinaciones de rojo verde y azul donde cada color puede tomarun valor entre seis diferentes (en numeracioacuten hexadecimal) 00 33 66 99 CC o FF cuyos valoresrespectivos en sistema decimal equivalen a 0 51 102 153 204 y 255 que tienen un porcentaje de intensidad de 020 40 60 80 y 100 respectivamente Esto nos permite dividir los 216 colores en un cubo de dimensioacuten 6Se procura que los piacutexeles sean de un color tal que cuanto maacutes saturado sea seraacute mejor pero nunca se trata de uncolor absolutamente puro Por tanto la produccioacuten de colores con este sistema tiene limitaciones
bullbull La derivada del funcionamiento de las mezclas aditivas soacutelo pueden ser obtenidos los colores interiores deltriaacutengulo formado por los tres colores primarios de luz
bullbull La derivada del hecho que los colores primarios usados no son absolutamente monocromaacuteticosbullbull Las diversas pantallas no son iguales exactamente ademaacutes de ser configurables por los usuarios con lo cual
varios paraacutemetros pueden variarEsto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripcionesrelativas y entender la precisioacuten de acuerdo con las caracteriacutesticas de la pantalla
Codificacioacuten hexadecimal del color
Colores de la CIE
La codificacioacuten dodecadecimal del color permite expresar faacutecilmenteun color concreto de la escala RGB utilizando la notacioacutenhexadecimal como en el lenguaje HTML y en JavaScript Este sistemautiliza la combinacioacuten de tres coacutedigos de dos diacutegitos para expresar lasdiferentes intensidades de los colores primarios RGB
El blanco y el negro
Negro 000000 Los tres canales estaacuten al miacutenimo 00 00 y 00
Blanco FFFFFF Los tres canales estaacuten al maacuteximo FF FF y FF
En el sistema de numeracioacuten hexadecimal ademaacutes de los nuacutemeros del 0 al 9 se utilizan seis letras con un valornumeacuterico equivalente a=10 b=11 c=12 d=13 e=14 y f=15 La correspondencia entre la numeracioacuten hexadecimal yla decimal u ordinaria viene dada por la siguiente foacutermula
decimal = primera cifra hexadecimal 16 + segunda cifra hexadecimal
La intensidad maacutexima es ff que se corresponde con (1516)+15= 255 en decimal y la nula es 00 tambieacuten 0 endecimal De esta manera cualquier color queda definido por tres pares de diacutegitos
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
RGB 1
RGB
Modelo aditivo de colores rojo verde azul
RGB (en Ingleacutes Red Green Blue en Espantildeol rojo verde azul) es lacomposicioacuten del color en teacuterminos de la intensidad de los coloresprimarios de la luz puede referirse a
bullbull El modelo de color RGBbullbull El tratamiento de la sentildeal de viacutedeo RGBbullbull El uso de RGB en HTML y otros lenguajes de programacioacuten
Modelo de color RGB
RGB es un modelo de color basado en la siacutentesis aditiva con el que esposible representar un color mediante la mezcla por adicioacuten de los trescolores de luz primarios El modelo de color RGB no define por siacutemismo lo que significa exactamente rojo verde o azul por lo que losmismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen estemodelo de color Aunque utilicen un mismo modelo de color sus espacios de color pueden variarconsiderablemente
Percepcioacuten y sensacioacuten de colorLos ojos humanos tienen dos tipos de ceacutelulas sensibles a la luz o fotorreceptores los bastones y los conos Estosuacuteltimos son los encargados de aportar la informacioacuten de colorPara saber coacutemo es percibido un color hay que tener en cuenta que existen tres tipos de conos con respuestasfrecuenciales diferentes y que tienen maacutexima sensibilidad a los colores que forman la terna RGB Aunque que losconos que reciben informacioacuten del verde y el rojo tienen una curva de sensibilidad similar la respuesta al color azules una veinteava (120) parte de la respuesta a los otros dos colores Este hecho lo aprovechan algunos sistemas decodificacioacuten de imagen y viacutedeo como el JPEG o el MPEG perdiendo de manera consciente maacutes informacioacuten de lacomponente azul ya que el ser humano no percibe esta peacuterdidaLa sensacioacuten de color se puede definir como la respuesta de cada una de las curvas de sensibilidad al espectroradiado por el objeto observado De esta manera obtenemos tres respuestas diferentes una por cada colorEl hecho de que la sensacioacuten de color se obtenga de este modo hace que dos objetos observados radiando unespectro diferente puedan producir la misma sensacioacuten Y en esta limitacioacuten de la visioacuten humana se basa el modelode siacutentesis del color mediante el cual podemos obtener a partir de estiacutemulos visuales estudiados y con una mezcla delos tres colores primarios el color de un objeto con un espectro determinado
RGB 2
Tratamiento de la sentildeal de viacutedeo RGBRGB (en ingleacutes Red Green Blue) es el tratamiento de la sentildeal de viacutedeo que trata por separado las sentildeales de los trescolores rojo verde y azul Al usarlo independientemente proporciona mayor calidad y reproduccioacuten maacutes fiel delcolor
Visioacuten generalEl modelo de color llamado RGB es el que se utiliza en todos los sistemas que forman imaacutegenes a traveacutes de rayosluminosos ya sea emitieacutendolos o recibieacutendolosEl modelo RGB estaacute formado por los tres componentes de colores primarios aditivos y como miacutenimo un componentede sincronismo Los componentes de color son las sentildeales rojo verde y azul (viniendo el nombre de las iniciales desu nomenclatura inglesa Red Green Blue) siendo transmitidos cada uno independiente y aislado del restoDe esta forma no hay peacuterdidas en el tratamiento de la imagen puesto que los colores primarios siguen existiendocomo tal en su transmisioacuten Por el contrario mediante este sistema hay mucha informacioacuten redundante con elconsiguiente aumento del ancho de banda necesario respecto a otros meacutetodos de transmisioacuten Por ejemplo cadacolor lleva el valor de brillo de toda la imagen de forma que esta informacioacuten estaacute por triplicado
Emisores RGBUnos sistemas (los que emiten rayos luminosos) forman las imaacutegenes bien a traveacutes de tubos de rayos catoacutedicos (TVmonitores proyectores de viacutedeo etc) a traveacutes de LED (diodos luminosos) o sistemas de Plasma (TV monitoresetc)
Sentildeal de luminancia
La sensacioacuten de luminosidad viene dada por el brillo de un objeto y por su opacidad pudiendo producir dos objetoscon tonalidades y prismas diferentes la misma sensacioacuten lumiacutenica La sentildeal de luminancia es la cuantificacioacuten de esasensacioacuten de brillo Para mantener la compatibilidad entre las imaacutegenes en blanco y negro y las imaacutegenes en colorlos sistemas de televisioacuten actuales (PAL NTSC SECAM) transmiten tres informaciones la luminancia y dossentildeales diferencia de colorDe esta manera los antiguos modelos en blanco y negro pueden obviar la informacioacuten relativa al color y reproducirsolamente la luminancia es decir el brillo de cada piacutexel aplicado a una imagen en escala de grises Y las televisionesen color obtienen la informacioacuten de las tres componentes RGB a partir de una matriz que relaciona cada componentecon una de las sentildeales diferencia de colorPara cada uno de los sistemas de televisioacuten se transmiten de diferente manera motivo por el cual podemos tenerproblemas al reproducir una sentildeal NTSC en un sistema de reproduccioacuten PAL
Sentildeal de sincronismo
La sentildeal de sincronismo es necesaria para poder marcar la pauta de guiado de la muestra de colores en pantalla tantoen el sentido horizontal (el avance de la liacutenea de imagen) como en sentido vertical (el salto a una nueva liacutenea deimagen)El sincronismo puede transmitirse principalmente de tres formasbull Sincronismos separados (RGBHV) Mediante este meacutetodo existe una sentildeal para el sincronismo horizontal
HSync y otra sentildeal para el sincronismo vertical VSync ambas independientes entre siacute y entre las sentildeales decolores teniendo en total 5 sentildeales en la transmisioacuten
bull Sincronismo compuesto (RGBS) Mediante este meacutetodo existe una sentildeal con toda la informacioacuten delsincronismo horizontal y vertical independiente entre las sentildeales de colores teniendo en total 4 sentildeales en latransmisioacuten
RGB 3
bull Sincronismo en verde (RGsB o SoG -Sync on Green-) Mediante este meacutetodo existe una sentildeal con toda lainformacioacuten del sincronismo horizontal y vertical multiplexada junto con la sentildeal de color verde teniendo en total3 sentildeales en la transmisioacuten
Noacutetese que este modelo existe soacutelamente en pantallas y combinaciones de luz No aplica para pigmento (pintura)debido a que se aplica modo sustractivo de luz[1]
Receptores RGBLos sistemas que reciben y capturan luz (capturan las imaacutegenes) son las caacutemaras digitales de fotografiacutea y viacutedeo losescaacuteneres etc Gracias al establecimiento de este modelo de color ha sido posible la creacioacuten de todos estos sistemasde emisioacuten y recepcioacuten de imaacutegenes Sin embargo algunas valores (intensidad de brillo) no pueden ser obtenidas poreste meacutetodo
Uso de RGB en HTML y otros lenguajes de programacioacutenPara indicar con queacute proporcioacuten es mezclado cada color se asigna un valor a cada uno de los colores primarios demanera que el valor 0 significa que no interviene en la mezcla y a medida que ese valor aumenta se entiende queaporta maacutes intensidad a la mezcla Aunque el intervalo de valores podriacutea ser cualquiera (valores reales entre 0 y 1valores enteros entre 0 y 37 etc) es frecuente que cada color primario se codifique con un byte (8 bits)Asiacute de manera usual la intensidad de cada una de las componentes se mide seguacuten una escala que va del 0 al 255 ycada color es definido por un conjunto de valores escritos entre pareacutentesis (correspondientes a valores R G yB) y separados por comas
Cubo RGB
De este modo el rojo se obtiene con (25500) el verde con (02550) yel azul con (00255) obteniendo en cada caso un color resultantemonocromaacutetico La ausencia de color es decir el color negro seobtiene cuando las tres componentes son 0 (000) La combinacioacuten dedos colores a su maacuteximo valor de 255 con un tercero con valor 0 dalugar a tres colores intermedios De esta forma aparecen los coloresamarillo (2552550) cian (0255255) y magenta (2550255) El colorblanco se forma con los tres colores primarios a su maacuteximo valor(255255255)El conjunto de todos los colores tambieacuten se puede representar en formade cubo Cada color es un punto de la superficie o del interior de eacutesteLa escala de grises estariacutea situada en la diagonal que une al colorblanco con el negro
HTMLEn las pantallas la sensacioacuten de color se produce por la mezcla aditiva de rojo verde y azul Las pantallas se dividenen puntos minuacutesculos llamados piacutexeles formados por tres subpiacutexeles de colores primarios de luz cada uno de loscuales brilla con una determinada intensidadAl principio la limitacioacuten en la profundidad de color de la mayoriacutea de los monitores condujo a una gama limitada a216 colores definidos por el cubo de color mediante la foacutermula 63=216 No obstante el predominio de losmonitores de 24-bit (resultante de 224) posibilitoacute el uso de 167 millones de colores del espacio de color HTMLRGB
RGB 4
La gama de colores de la Web consiste en 216 combinaciones de rojo verde y azul donde cada color puede tomarun valor entre seis diferentes (en numeracioacuten hexadecimal) 00 33 66 99 CC o FF cuyos valoresrespectivos en sistema decimal equivalen a 0 51 102 153 204 y 255 que tienen un porcentaje de intensidad de 020 40 60 80 y 100 respectivamente Esto nos permite dividir los 216 colores en un cubo de dimensioacuten 6Se procura que los piacutexeles sean de un color tal que cuanto maacutes saturado sea seraacute mejor pero nunca se trata de uncolor absolutamente puro Por tanto la produccioacuten de colores con este sistema tiene limitaciones
bullbull La derivada del funcionamiento de las mezclas aditivas soacutelo pueden ser obtenidos los colores interiores deltriaacutengulo formado por los tres colores primarios de luz
bullbull La derivada del hecho que los colores primarios usados no son absolutamente monocromaacuteticosbullbull Las diversas pantallas no son iguales exactamente ademaacutes de ser configurables por los usuarios con lo cual
varios paraacutemetros pueden variarEsto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripcionesrelativas y entender la precisioacuten de acuerdo con las caracteriacutesticas de la pantalla
Codificacioacuten hexadecimal del color
Colores de la CIE
La codificacioacuten dodecadecimal del color permite expresar faacutecilmenteun color concreto de la escala RGB utilizando la notacioacutenhexadecimal como en el lenguaje HTML y en JavaScript Este sistemautiliza la combinacioacuten de tres coacutedigos de dos diacutegitos para expresar lasdiferentes intensidades de los colores primarios RGB
El blanco y el negro
Negro 000000 Los tres canales estaacuten al miacutenimo 00 00 y 00
Blanco FFFFFF Los tres canales estaacuten al maacuteximo FF FF y FF
En el sistema de numeracioacuten hexadecimal ademaacutes de los nuacutemeros del 0 al 9 se utilizan seis letras con un valornumeacuterico equivalente a=10 b=11 c=12 d=13 e=14 y f=15 La correspondencia entre la numeracioacuten hexadecimal yla decimal u ordinaria viene dada por la siguiente foacutermula
decimal = primera cifra hexadecimal 16 + segunda cifra hexadecimal
La intensidad maacutexima es ff que se corresponde con (1516)+15= 255 en decimal y la nula es 00 tambieacuten 0 endecimal De esta manera cualquier color queda definido por tres pares de diacutegitos
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
RGB 2
Tratamiento de la sentildeal de viacutedeo RGBRGB (en ingleacutes Red Green Blue) es el tratamiento de la sentildeal de viacutedeo que trata por separado las sentildeales de los trescolores rojo verde y azul Al usarlo independientemente proporciona mayor calidad y reproduccioacuten maacutes fiel delcolor
Visioacuten generalEl modelo de color llamado RGB es el que se utiliza en todos los sistemas que forman imaacutegenes a traveacutes de rayosluminosos ya sea emitieacutendolos o recibieacutendolosEl modelo RGB estaacute formado por los tres componentes de colores primarios aditivos y como miacutenimo un componentede sincronismo Los componentes de color son las sentildeales rojo verde y azul (viniendo el nombre de las iniciales desu nomenclatura inglesa Red Green Blue) siendo transmitidos cada uno independiente y aislado del restoDe esta forma no hay peacuterdidas en el tratamiento de la imagen puesto que los colores primarios siguen existiendocomo tal en su transmisioacuten Por el contrario mediante este sistema hay mucha informacioacuten redundante con elconsiguiente aumento del ancho de banda necesario respecto a otros meacutetodos de transmisioacuten Por ejemplo cadacolor lleva el valor de brillo de toda la imagen de forma que esta informacioacuten estaacute por triplicado
Emisores RGBUnos sistemas (los que emiten rayos luminosos) forman las imaacutegenes bien a traveacutes de tubos de rayos catoacutedicos (TVmonitores proyectores de viacutedeo etc) a traveacutes de LED (diodos luminosos) o sistemas de Plasma (TV monitoresetc)
Sentildeal de luminancia
La sensacioacuten de luminosidad viene dada por el brillo de un objeto y por su opacidad pudiendo producir dos objetoscon tonalidades y prismas diferentes la misma sensacioacuten lumiacutenica La sentildeal de luminancia es la cuantificacioacuten de esasensacioacuten de brillo Para mantener la compatibilidad entre las imaacutegenes en blanco y negro y las imaacutegenes en colorlos sistemas de televisioacuten actuales (PAL NTSC SECAM) transmiten tres informaciones la luminancia y dossentildeales diferencia de colorDe esta manera los antiguos modelos en blanco y negro pueden obviar la informacioacuten relativa al color y reproducirsolamente la luminancia es decir el brillo de cada piacutexel aplicado a una imagen en escala de grises Y las televisionesen color obtienen la informacioacuten de las tres componentes RGB a partir de una matriz que relaciona cada componentecon una de las sentildeales diferencia de colorPara cada uno de los sistemas de televisioacuten se transmiten de diferente manera motivo por el cual podemos tenerproblemas al reproducir una sentildeal NTSC en un sistema de reproduccioacuten PAL
Sentildeal de sincronismo
La sentildeal de sincronismo es necesaria para poder marcar la pauta de guiado de la muestra de colores en pantalla tantoen el sentido horizontal (el avance de la liacutenea de imagen) como en sentido vertical (el salto a una nueva liacutenea deimagen)El sincronismo puede transmitirse principalmente de tres formasbull Sincronismos separados (RGBHV) Mediante este meacutetodo existe una sentildeal para el sincronismo horizontal
HSync y otra sentildeal para el sincronismo vertical VSync ambas independientes entre siacute y entre las sentildeales decolores teniendo en total 5 sentildeales en la transmisioacuten
bull Sincronismo compuesto (RGBS) Mediante este meacutetodo existe una sentildeal con toda la informacioacuten delsincronismo horizontal y vertical independiente entre las sentildeales de colores teniendo en total 4 sentildeales en latransmisioacuten
RGB 3
bull Sincronismo en verde (RGsB o SoG -Sync on Green-) Mediante este meacutetodo existe una sentildeal con toda lainformacioacuten del sincronismo horizontal y vertical multiplexada junto con la sentildeal de color verde teniendo en total3 sentildeales en la transmisioacuten
Noacutetese que este modelo existe soacutelamente en pantallas y combinaciones de luz No aplica para pigmento (pintura)debido a que se aplica modo sustractivo de luz[1]
Receptores RGBLos sistemas que reciben y capturan luz (capturan las imaacutegenes) son las caacutemaras digitales de fotografiacutea y viacutedeo losescaacuteneres etc Gracias al establecimiento de este modelo de color ha sido posible la creacioacuten de todos estos sistemasde emisioacuten y recepcioacuten de imaacutegenes Sin embargo algunas valores (intensidad de brillo) no pueden ser obtenidas poreste meacutetodo
Uso de RGB en HTML y otros lenguajes de programacioacutenPara indicar con queacute proporcioacuten es mezclado cada color se asigna un valor a cada uno de los colores primarios demanera que el valor 0 significa que no interviene en la mezcla y a medida que ese valor aumenta se entiende queaporta maacutes intensidad a la mezcla Aunque el intervalo de valores podriacutea ser cualquiera (valores reales entre 0 y 1valores enteros entre 0 y 37 etc) es frecuente que cada color primario se codifique con un byte (8 bits)Asiacute de manera usual la intensidad de cada una de las componentes se mide seguacuten una escala que va del 0 al 255 ycada color es definido por un conjunto de valores escritos entre pareacutentesis (correspondientes a valores R G yB) y separados por comas
Cubo RGB
De este modo el rojo se obtiene con (25500) el verde con (02550) yel azul con (00255) obteniendo en cada caso un color resultantemonocromaacutetico La ausencia de color es decir el color negro seobtiene cuando las tres componentes son 0 (000) La combinacioacuten dedos colores a su maacuteximo valor de 255 con un tercero con valor 0 dalugar a tres colores intermedios De esta forma aparecen los coloresamarillo (2552550) cian (0255255) y magenta (2550255) El colorblanco se forma con los tres colores primarios a su maacuteximo valor(255255255)El conjunto de todos los colores tambieacuten se puede representar en formade cubo Cada color es un punto de la superficie o del interior de eacutesteLa escala de grises estariacutea situada en la diagonal que une al colorblanco con el negro
HTMLEn las pantallas la sensacioacuten de color se produce por la mezcla aditiva de rojo verde y azul Las pantallas se dividenen puntos minuacutesculos llamados piacutexeles formados por tres subpiacutexeles de colores primarios de luz cada uno de loscuales brilla con una determinada intensidadAl principio la limitacioacuten en la profundidad de color de la mayoriacutea de los monitores condujo a una gama limitada a216 colores definidos por el cubo de color mediante la foacutermula 63=216 No obstante el predominio de losmonitores de 24-bit (resultante de 224) posibilitoacute el uso de 167 millones de colores del espacio de color HTMLRGB
RGB 4
La gama de colores de la Web consiste en 216 combinaciones de rojo verde y azul donde cada color puede tomarun valor entre seis diferentes (en numeracioacuten hexadecimal) 00 33 66 99 CC o FF cuyos valoresrespectivos en sistema decimal equivalen a 0 51 102 153 204 y 255 que tienen un porcentaje de intensidad de 020 40 60 80 y 100 respectivamente Esto nos permite dividir los 216 colores en un cubo de dimensioacuten 6Se procura que los piacutexeles sean de un color tal que cuanto maacutes saturado sea seraacute mejor pero nunca se trata de uncolor absolutamente puro Por tanto la produccioacuten de colores con este sistema tiene limitaciones
bullbull La derivada del funcionamiento de las mezclas aditivas soacutelo pueden ser obtenidos los colores interiores deltriaacutengulo formado por los tres colores primarios de luz
bullbull La derivada del hecho que los colores primarios usados no son absolutamente monocromaacuteticosbullbull Las diversas pantallas no son iguales exactamente ademaacutes de ser configurables por los usuarios con lo cual
varios paraacutemetros pueden variarEsto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripcionesrelativas y entender la precisioacuten de acuerdo con las caracteriacutesticas de la pantalla
Codificacioacuten hexadecimal del color
Colores de la CIE
La codificacioacuten dodecadecimal del color permite expresar faacutecilmenteun color concreto de la escala RGB utilizando la notacioacutenhexadecimal como en el lenguaje HTML y en JavaScript Este sistemautiliza la combinacioacuten de tres coacutedigos de dos diacutegitos para expresar lasdiferentes intensidades de los colores primarios RGB
El blanco y el negro
Negro 000000 Los tres canales estaacuten al miacutenimo 00 00 y 00
Blanco FFFFFF Los tres canales estaacuten al maacuteximo FF FF y FF
En el sistema de numeracioacuten hexadecimal ademaacutes de los nuacutemeros del 0 al 9 se utilizan seis letras con un valornumeacuterico equivalente a=10 b=11 c=12 d=13 e=14 y f=15 La correspondencia entre la numeracioacuten hexadecimal yla decimal u ordinaria viene dada por la siguiente foacutermula
decimal = primera cifra hexadecimal 16 + segunda cifra hexadecimal
La intensidad maacutexima es ff que se corresponde con (1516)+15= 255 en decimal y la nula es 00 tambieacuten 0 endecimal De esta manera cualquier color queda definido por tres pares de diacutegitos
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
RGB 3
bull Sincronismo en verde (RGsB o SoG -Sync on Green-) Mediante este meacutetodo existe una sentildeal con toda lainformacioacuten del sincronismo horizontal y vertical multiplexada junto con la sentildeal de color verde teniendo en total3 sentildeales en la transmisioacuten
Noacutetese que este modelo existe soacutelamente en pantallas y combinaciones de luz No aplica para pigmento (pintura)debido a que se aplica modo sustractivo de luz[1]
Receptores RGBLos sistemas que reciben y capturan luz (capturan las imaacutegenes) son las caacutemaras digitales de fotografiacutea y viacutedeo losescaacuteneres etc Gracias al establecimiento de este modelo de color ha sido posible la creacioacuten de todos estos sistemasde emisioacuten y recepcioacuten de imaacutegenes Sin embargo algunas valores (intensidad de brillo) no pueden ser obtenidas poreste meacutetodo
Uso de RGB en HTML y otros lenguajes de programacioacutenPara indicar con queacute proporcioacuten es mezclado cada color se asigna un valor a cada uno de los colores primarios demanera que el valor 0 significa que no interviene en la mezcla y a medida que ese valor aumenta se entiende queaporta maacutes intensidad a la mezcla Aunque el intervalo de valores podriacutea ser cualquiera (valores reales entre 0 y 1valores enteros entre 0 y 37 etc) es frecuente que cada color primario se codifique con un byte (8 bits)Asiacute de manera usual la intensidad de cada una de las componentes se mide seguacuten una escala que va del 0 al 255 ycada color es definido por un conjunto de valores escritos entre pareacutentesis (correspondientes a valores R G yB) y separados por comas
Cubo RGB
De este modo el rojo se obtiene con (25500) el verde con (02550) yel azul con (00255) obteniendo en cada caso un color resultantemonocromaacutetico La ausencia de color es decir el color negro seobtiene cuando las tres componentes son 0 (000) La combinacioacuten dedos colores a su maacuteximo valor de 255 con un tercero con valor 0 dalugar a tres colores intermedios De esta forma aparecen los coloresamarillo (2552550) cian (0255255) y magenta (2550255) El colorblanco se forma con los tres colores primarios a su maacuteximo valor(255255255)El conjunto de todos los colores tambieacuten se puede representar en formade cubo Cada color es un punto de la superficie o del interior de eacutesteLa escala de grises estariacutea situada en la diagonal que une al colorblanco con el negro
HTMLEn las pantallas la sensacioacuten de color se produce por la mezcla aditiva de rojo verde y azul Las pantallas se dividenen puntos minuacutesculos llamados piacutexeles formados por tres subpiacutexeles de colores primarios de luz cada uno de loscuales brilla con una determinada intensidadAl principio la limitacioacuten en la profundidad de color de la mayoriacutea de los monitores condujo a una gama limitada a216 colores definidos por el cubo de color mediante la foacutermula 63=216 No obstante el predominio de losmonitores de 24-bit (resultante de 224) posibilitoacute el uso de 167 millones de colores del espacio de color HTMLRGB
RGB 4
La gama de colores de la Web consiste en 216 combinaciones de rojo verde y azul donde cada color puede tomarun valor entre seis diferentes (en numeracioacuten hexadecimal) 00 33 66 99 CC o FF cuyos valoresrespectivos en sistema decimal equivalen a 0 51 102 153 204 y 255 que tienen un porcentaje de intensidad de 020 40 60 80 y 100 respectivamente Esto nos permite dividir los 216 colores en un cubo de dimensioacuten 6Se procura que los piacutexeles sean de un color tal que cuanto maacutes saturado sea seraacute mejor pero nunca se trata de uncolor absolutamente puro Por tanto la produccioacuten de colores con este sistema tiene limitaciones
bullbull La derivada del funcionamiento de las mezclas aditivas soacutelo pueden ser obtenidos los colores interiores deltriaacutengulo formado por los tres colores primarios de luz
bullbull La derivada del hecho que los colores primarios usados no son absolutamente monocromaacuteticosbullbull Las diversas pantallas no son iguales exactamente ademaacutes de ser configurables por los usuarios con lo cual
varios paraacutemetros pueden variarEsto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripcionesrelativas y entender la precisioacuten de acuerdo con las caracteriacutesticas de la pantalla
Codificacioacuten hexadecimal del color
Colores de la CIE
La codificacioacuten dodecadecimal del color permite expresar faacutecilmenteun color concreto de la escala RGB utilizando la notacioacutenhexadecimal como en el lenguaje HTML y en JavaScript Este sistemautiliza la combinacioacuten de tres coacutedigos de dos diacutegitos para expresar lasdiferentes intensidades de los colores primarios RGB
El blanco y el negro
Negro 000000 Los tres canales estaacuten al miacutenimo 00 00 y 00
Blanco FFFFFF Los tres canales estaacuten al maacuteximo FF FF y FF
En el sistema de numeracioacuten hexadecimal ademaacutes de los nuacutemeros del 0 al 9 se utilizan seis letras con un valornumeacuterico equivalente a=10 b=11 c=12 d=13 e=14 y f=15 La correspondencia entre la numeracioacuten hexadecimal yla decimal u ordinaria viene dada por la siguiente foacutermula
decimal = primera cifra hexadecimal 16 + segunda cifra hexadecimal
La intensidad maacutexima es ff que se corresponde con (1516)+15= 255 en decimal y la nula es 00 tambieacuten 0 endecimal De esta manera cualquier color queda definido por tres pares de diacutegitos
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
RGB 4
La gama de colores de la Web consiste en 216 combinaciones de rojo verde y azul donde cada color puede tomarun valor entre seis diferentes (en numeracioacuten hexadecimal) 00 33 66 99 CC o FF cuyos valoresrespectivos en sistema decimal equivalen a 0 51 102 153 204 y 255 que tienen un porcentaje de intensidad de 020 40 60 80 y 100 respectivamente Esto nos permite dividir los 216 colores en un cubo de dimensioacuten 6Se procura que los piacutexeles sean de un color tal que cuanto maacutes saturado sea seraacute mejor pero nunca se trata de uncolor absolutamente puro Por tanto la produccioacuten de colores con este sistema tiene limitaciones
bullbull La derivada del funcionamiento de las mezclas aditivas soacutelo pueden ser obtenidos los colores interiores deltriaacutengulo formado por los tres colores primarios de luz
bullbull La derivada del hecho que los colores primarios usados no son absolutamente monocromaacuteticosbullbull Las diversas pantallas no son iguales exactamente ademaacutes de ser configurables por los usuarios con lo cual
varios paraacutemetros pueden variarEsto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripcionesrelativas y entender la precisioacuten de acuerdo con las caracteriacutesticas de la pantalla
Codificacioacuten hexadecimal del color
Colores de la CIE
La codificacioacuten dodecadecimal del color permite expresar faacutecilmenteun color concreto de la escala RGB utilizando la notacioacutenhexadecimal como en el lenguaje HTML y en JavaScript Este sistemautiliza la combinacioacuten de tres coacutedigos de dos diacutegitos para expresar lasdiferentes intensidades de los colores primarios RGB
El blanco y el negro
Negro 000000 Los tres canales estaacuten al miacutenimo 00 00 y 00
Blanco FFFFFF Los tres canales estaacuten al maacuteximo FF FF y FF
En el sistema de numeracioacuten hexadecimal ademaacutes de los nuacutemeros del 0 al 9 se utilizan seis letras con un valornumeacuterico equivalente a=10 b=11 c=12 d=13 e=14 y f=15 La correspondencia entre la numeracioacuten hexadecimal yla decimal u ordinaria viene dada por la siguiente foacutermula
decimal = primera cifra hexadecimal 16 + segunda cifra hexadecimal
La intensidad maacutexima es ff que se corresponde con (1516)+15= 255 en decimal y la nula es 00 tambieacuten 0 endecimal De esta manera cualquier color queda definido por tres pares de diacutegitos
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
RGB 5
Los tres colores baacutesicos
Rojo ff0000 El canal de rojo estaacute al maacuteximo y los otros dos al miacutenimo
Verde 00ff00 El canal del verde estaacute al maacuteximo y los otros dos al miacutenimo
Azul 0000ff El canal del azul estaacute al maacuteximo y los otros dos al miacutenimo
Las combinaciones baacutesicas
Amarillo ffff00 Los canales rojo y verde estaacuten al maacuteximo
Cian 00ffff Los canales azul y verde estaacuten al maacuteximo
Magenta ff00ff Los canales rojo y azul estaacuten al maacuteximo
Gris claro D0D0D0 Los tres canales tienen la misma intensidad
Gris oscuro 5e5e5e Los tres canales tienen la misma intensidad
A partir de aquiacute se puede hacer cualquier combinacioacuten de los tres colores
Colores definidos por la especificacioacuten HTML 401
Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
cyan 00ffff black 000000 blue 0000ff fucsia ff00ff
gray 808080 green 008000 lime 00ff00 marroacuten 800000
navy 000080 olive 808000 purple 800080 red ff0000
silver c0c0c0 teal 008080 white ffffff yellow ffff00
Los colores maacutes saturados y los maacutes luminosos
esquema CIE
Supongamos tres fuentes luminosas r g y b de las caracteriacutesticasindicadas en el graacutefico adjuntoCualquier color que se pueda obtener a partir de esos tres coloresprimarios tendraacute la forma
(ir ig ib)donde ir ig y ib son los coeficientes de las intensidadescorrespondientes a cada color primarioSi situamos los colores obtenidos en el graacutefico tenemos que
bullbull Si dos de los coeficientes son nulos el color se situacutea en el veacuterticecorrespondiente al color de coeficiente no nulo
bullbull Si un coeficiente es nulo el color se situacutea en uno de los lados deltriaacutengulo el conjunto de todos ellos son los colores maacutessaturados
bullbull Si ninguno de los coeficientes es nulo el color se situacutea en unpunto del interior cuanto maacutes parecidos sean los tres coeficientes maacutes cerca estaraacute del blanco (en el centro)
Al representar combinaciones de tres valores independientes en un diagrama que soacutelo tiene dos resulta que a cadapunto del diagrama le corresponde toda una familia de colores Por ejemplo los siguientes colores tienen la mismaproporcioacuten de rojo verde y azul y por tanto les corresponde el mismo punto del graacutefico Soacutelo se diferencian en laintensidad
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
RGB 6
Variacioacuten de las intensidades
100 50 0 643200 Marroacuten oscuro
200 100 0 c86400 Marroacuten claro
150 75 0 964b00 Marroacuten
Si las intensidades ir ig y ib tienen un liacutemite superior (255) la condicioacuten necesaria y suficiente para que un color seael maacutes intenso de la familia (es decir de los representados por el mismo punto) es que al menos uno de suscoeficientes sea 255Los colores que presentan la maacutexima saturacioacuten y la maacutexima luminosidad a la vez son los que reuacutenen dos requisitosal menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0 De esto se deduce que los coloresmaacutes saturados y maacutes luminosos siguen la siguiente secuencia
bull (0 0 0) es negrobull (255 255 255) es blancobull (255 0 0) es rojobull (0 255 0) es verdebull (0 0 255) es azulbull (255 255 0) es amarillobull (0 255 255) es cianbull (255 0 255) es magenta
amarillo(2552550)
verde(02550)
cian(0255255)
rojo(25500)
azul(00255)
rojo(25500)
magenta(2550255)
Enlaces externoshttp www elotrolado net wiki SeC3B1ales_de_vC3ADdeo [2]
bull Wikimedia Commons alberga contenido multimedia sobre RGB Commons
Referencias[1] http www ipsi fraunhofer de Kueppersfarbe es index html[2] http Sentildeales20de20Video20-20ElOtroLado net
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Modelo de color CMYK 7
Modelo de color CMYK
Cian magenta amarillo y key (negro)
Modelo sustractivo cian magenta y amarillo
El modelo CMYK (acroacutenimo de Cyan Magenta Yellow y Key) es unmodelo de color sustractivo que se utiliza en la impresioacuten en coloresEs la versioacuten moderna y maacutes precisa del ya obsoleto modelo de colorRYB que se utiliza auacuten en pintura y bellas artes Permite representaruna gama de color maacutes amplia que este uacuteltimo y tiene una mejoradaptacioacuten a los medios industriales
Este modelo se basa en la mezcla de pigmentos de los siguientescolores para crear otros maacutesbull C = Cyan (Cian)bull M = Magenta (Magenta)bull Y = Yellow (Amarillo)bull K = Black o Key (Negro)La mezcla de colores CMY ideales es sustractiva (puesto que la mezclade ciacutean magenta y amarillo en fondo blanco resulta en el color negro)El modelo CMYK se basa en la absorcioacuten de la luz El color quepresenta un objeto corresponde a la parte de la luz que incide sobre eacutestey que no es absorbida por el objeto
El cian es el opuesto al rojo lo que significa que actuacutea como un filtroque absorbe dicho color (-R +G +B) Magenta es el opuesto al verde(+R -G +B) y amarillo el opuesto al azul (+R +G -B)
Uso de la tinta negra
Por varias razones el negro generado al mezclar los colores primariossustractivos no es ideal y por lo tanto la impresioacuten a cuatro tintasutiliza el negro ademaacutes de los colores primarios sustractivos amarillomagenta y ciacutean Entre estas razones destacan
bullbull Una mezcla de pigmentos amarillo cian y magenta rara vez produce negro puro porque es casi imposible crearsuficiente cantidad de pigmentos puros
bull Mezclar las tres tintas soacutelo para formar el negro puede humedecer al papel si no se usa un toacutener seco lo queimplica un problema en la impresioacuten en grandes tirajes en la que el papel debe secarse lo suficientemente raacutepidopara evitar que se marque la siguiente hoja Ademaacutes el papel de baja calidad como el utilizado para losperioacutedicos se puede romper si se humedece demasiado
bull El texto se imprime frecuentemente en negro e incluye detalles finos si la tipografiacutea es con serif Para reproducirel texto utilizando tres tintas sin que se desvanezca o difumine ligeramente el siacutembolo tipograacutefico se requeririacutea unregistro extremadamente preciso Esta manera de generar el color negro no es posible en la praacutectica si se deseauna fiel reproduccioacuten en la densidad y contorno de la tipografiacutea (al tener que alinear las tres imaacutegenes condemasiada exactitud)
bullbull Desde un punto de vista econoacutemico el uso de una unidad de tinta negra en vez de tres unidades de tintas decolor puede significar un gran ahorro especialmente porque la tinta negra es por lo general mucho maacuteseconoacutemica que cualquier tinta de color
Se le llama key al negro en vez de usar la letra B por ser un nombre corto del teacutermino key plate utilizado en la impresioacuten Esta placa maestra imprimiacutea el detalle artiacutestico de una imagen usualmente en tinta negra El uso de la
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Modelo de color CMYK 8
letra K tambieacuten ayudoacute a evitar confusiones con la letra B utilizada en el acroacutenimo RGB La cantidad de negro autilizar para reemplazar las cantidades de las otras tintas es variable y la eleccioacuten depende de la tecnologiacutea el tipode papel y la clase de tinta usada Procesos como el undercolor removal el undercolor addition y el reemplazo decomponente gris se usan para decidir la mezcla final con lo cual diferentes recetas de CMYK se utilizaraacutendependiendo de la tarea de impresioacuten Cuando el negro se mezcla con otros colores resulta un negro maacutes negrollamado negro enriquecido o negro de registro o super-negro
Comparacioacuten con el modelo RGBEl uso de la impresioacuten a cuatro tintas genera un buen resultado con mayor contraste Sin embargo el color visto en elmonitor de una computadora seguido es diferente al color del mismo objeto en una impresioacuten pues los modelosCMYK y RGB tienen diferentes gamas de colores Por ejemplo el azul puro (En 24 y 32 bits= RGB=00255) esimposible de reproducir en CMYK El equivalente maacutes cerca en CMYK es un tono azulviolaacuteceoLos monitores de ordenador y otras pantallas utilizan el modelo RGB que representa el color de un objeto comouna mezcla aditiva de luz roja verde y azul (cuya suma es la luz blanca) En los materiales impresos estacombinacioacuten de luz no puede ser reproducida directamente por lo que las imaacutegenes generadas en los ordenadorescuando se usa un programa de edicioacuten dibujo vectorial o retoque fotograacutefico se debe convertir a su equivalente en elmodelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas como una impresora o una maacutequinaoffset
Conversiones
Foto de referencia impresa mediante un procesode cuatricromiacutea
Es interesante resentildear que las conversiones aquiacute mencionadas son deltipo nominal Produciraacuten una conversioacuten reversible entre RGB y unsubconjunto de CMYK es decir se puede escoger un color de la paletaRGB y convertirlo a ciertos colores CMYK y de estos colores CMYKobtener de nuevo en la reconversioacuten a RGB los colores originales queles corresponden Sin embargo la conversioacuten contraria (de coloresCMYK a RGB) generalmente si que no es reversible es decir que uncolor dado en CMYK y que es convertido a RGB no resultaraacute en elcolor CMYK original cuando sea reconvertido nuevamente a la paletaCMYKAdemaacutes los colores CMYK se pueden llegar a imprimir en tonos muydiferentes a como se aprecian en un monitor No hay ninguna buena regla de conversioacuten entre RGB y CMYKporque ninguno de los modelos representan un espacio de color absoluto
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Modelo de color CMYK 9
Conversioacuten entre RGB y CMYK
Imagen comparativa en la que se observan las diferencias en el color entre el modeloRGB (izquierda) y el modelo CMYK (derecha)
Para convertir entre RGB y CMYK seutiliza un valor CMY intermedio Losvalores de color se representan comoun vector pudiendo variar cada uno deellos entre 00 (color inexistente) y 10(color totalmente saturado)
es el cuaacutedruple CMYK en
es el triple CMY en
es el triple RGB en
Conversioacuten CMYK a RGB
Para lograr la conversioacuten primero se pasa de CMYK a CMY y posteriormente a RGB
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Modelo de color CMYK 10
Mapeado de RGB a CMYK
Como se puede apreciar la imagen superior se haobtenido superponiendo las cuatro capas de laparte inferior Obseacutervese que cada una de las
imaacutegenes inferiores corresponde a un color baacutesicodel modelo CMYK
Se puede mapear un color RGB dado a uno de los muchos coloresCMYK semi-equivalentes posibles La mejor opcioacuten es aquella quehace uso de K lo maacuteximo posible y proporciones restantes de CMY lomenos posible Por ejemplo 808080 (gris la mitad exacta entreblanco y negro) seraacute mapeado a (00005) y no a (0505050)
Convirtiendo RGB rarr CMY con los mismos vectores de color
convirtiendo a CMY
y luego a CMYK
si entonces
de otro modo
Su utilizacioacuten en artes graacuteficas
Su uso generalizado se da en el contexto de las artes graacuteficas Lasimprentas offsets imprimen generalmente en estos 4 colores maacutes tintas planas especiales si se diera el caso (loscomuacutenmente denominados colores Pantone) Es por esto que antes de enviar cualquier trabajo a la imprentadeberemos convertir los colores del documento a CMYK para que los colores de impresioacuten sean lo maacutes correctosposibles
Enlaces externosbull Paacutegina en la que se pueden hacer conversiones del modelo RGB a CMYK introduciendo los valores
correspondientes a cada color y viceversa [1]bull Paacutegina con algoritmos de conversioacuten de color [2]bull Teoriacutea del Color de Kueppers [3]
Referencias[1] http web forret com tools color asp[2] http www easyrgb com math html[3] http www ipsi fraunhofer de Kueppersfarbe es index html
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Modelo de color HSL 11
Modelo de color HSLEl modelo HSL (del ingleacutes Hue Saturation Lightness ndash Matiz Saturacioacuten Luminosidad) que es similar a HSV oHSI (del ingleacutes Hue Saturation Intensity ndash Matriz Saturacioacuten Intensidad) define un modelo de color en teacuterminosde sus componentes constituyentes El modelo HSL se representa graacuteficamente como un cono doble o un doblehexaacutegono Los dos veacutertices en el modelo HSL se corresponden con el blanco y el negro el aacutengulo se correspondecon el matiz la distancia al eje con la saturacioacuten y la distancia al eje blanco-negro se corresponde a la luminanciaComo los modelos HSI y el HSV es una deformacioacuten no lineal del espacio de color RGB
SaturacioacutenPara calcular la saturacioacuten simplemente divida el croma por el mayor croma para esa luminosidad
LuminosidadEn este modelo la luminosidad se define como el promedio entre el mayor y el menor componente de color RGBEsta definicioacuten pone los colores primarios y secundarios en un plano que pasa a mitad de camino entre el blanco y elnegro El soacutelido de color resultante es un cono doble similar al de Ostwald[1]
Conversioacuten desde RGB a HSLLos valores (R G B) deben ser expresados como nuacutemeros del 0 al 1 MAX equivale al maacuteximo de los valores (R GB) y MIN equivale al miacutenimo de esos valores La foacutermula puede ser escrita como
Comparacioacuten entre HSL y HSVHSL es similar al modelo HSV pero refleja mejor la nocioacuten intuitiva de la saturacioacuten y la luminancia como dosparaacutemetros independientes y por tanto es un modelo maacutes adecuado para los artistas La especificacioacuten de las hojasde estilo en cascada (CSS) en su versioacuten 3 prefieren HSL porque es simeacutetrico al eje luz-oscuridad lo que no sucedecon el modelo HSV (Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the casewith HSV for example)) Significa quebull En HSL la componente de la saturacioacuten va desde el completamente saturado hasta el gris equivalente mientras
que en HSV con V al maacuteximo va desde el color saturado hasta el blanco lo que no es muy intuitivo
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Modelo de color HSL 12
Graduaciones de saturacioacuten en el modelo HSL
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
Graduaciones de saturacioacuten en el modelo HSV
matiz 100 puro 75 de saturacioacuten saturacioacuten media 25 de saturacioacuten 0 de saturacioacuten
bull La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada mientras queen HSV la componente V se queda a mitad camino entre el negro y la tonalidad escogida
En las aplicaciones de tratamiento de color los modelos HSV y HSL se representan como una aacuterea lineal o circularpara el matiz y la saturacioacuten y un aacuterea bidimensional como un cuadrado o triaacutengulo para el valorluminancia Enesta representacioacuten las diferencias entre HSV y HSL son irrelevantes Sin embargo algunas aplicaciones permitenescoger el color por medio de deslizadores lineales o entradas numeacutericas En estos casos solo se usa uno de los dosmodelos comuacutenmente HSV Algunos ejemplosbullbull Aplicaciones que usan HSV
bull Apple Mac OS X system color picker (disco de color para HS y un deslizador para V)bull The GIMP[2]
bullbull Xara Xbull PaintNET (disco de color para HS y deslizador para V)
bullbull Aplicaciones que usan HSLbull La especificacioacuten CSS3bull Inkscape (desde la versioacuten 042)bullbull Macromedia Studiobull Microsoft Windows system color picker (y MSPaint)bullbull Paint Shop Pro
bullbull Aplicaciones que utilizan HSV y HSLbull Las aplicaciones graacuteficas de Adobe (Illustrator Photoshop y otros)bull Pixel image editor (desde la Beta5)
Referencias[1][1] Joblove and Greenberg 1978[2] http www gimp org GIMP - The GNU Image Manipulation Program
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Fuentes y contribuyentes del artiacuteculo 13
Fuentes y contribuyentes del artiacuteculoRGB Fuente httpeswikipediaorgwindexphpoldid=63090709 Contribuyentes 3coma14 A ver ALVHEIM Alpinu Amadiacutes Antoacuten Francho Accedilipni-Lovrij Bafomet Blashstar CanyqChusillas Ctrl Z Daniel G DerkeNuke Diego Godoy Diegotorquemada Diegusjaimes Digigalos DjPulpoMixTape Dortega Dr Faustus Dreitmen Ed veg Edu-im Epiovesan EteceEveneg Fawques Galjundi7 GermanX Gonmator Goofys Grillitus Guevonaso Guikipedia Hari Seldon Herufra Hprmedina Humberto Idiomacolor Isha IvanRomero JKD JVC2015Jarisleif Jkbw JorgeGG Jorgelrm Kaprak Kokoo Ksillas Lancaster Leonpolanco Lsg Matdrodes Muro de Aguas Murphy era un optimista Paintman Pepin1234 Pilaf Poacutelux RamjarRoyFocker Rutrus Samus uy Stardust SuperBraulio13 Transon Urro Veltys Victormoz 155 ediciones anoacutenimas
Modelo de color CMYK Fuente httpeswikipediaorgwindexphpoldid=62445270 Contribuyentes A ver Adriansm Albireo3000 Alpinu Amadiacutes Andres Rojas Antonio AlvaresBafomet Barteik Coren Daniel G Diegusjaimes Dortega Eduardosalg Elduende Elsapucai Etece Faelomx Folkvanger FrancoGG Guevonaso Guirrohl Iagofg Idiomacolor JkbwJorgelrm Jorjum Kaprak Kokoo Lancaster Leonpolanco Mdiagom MrAjedrez Muro de Aguas Nethac DIU Netito777 Nicolasdf Numbo3 Oblongo Rosarino Rsg Rutrus Santiago SantsToad32767 TorQue Astur Veltys Victorlds05 Xmontero Yrithinnd 96 ediciones anoacutenimas
Modelo de color HSL Fuente httpeswikipediaorgwindexphpoldid=63188824 Contribuyentes Adelpine Farisori Frana Jorge c2010 Maleiva Oxartum Samus uy Zoid 13 edicionesanoacutenimas
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Fuentes de imagen Licencias y contribuyentes 14
Fuentes de imagen Licencias y contribuyentesArchivoSynthese+svg Fuente httpeswikipediaorgwindexphptitle=ArchivoSynthese+svg Licencia desconocido Contribuyentes Quark67Archivoavl3119color4ajpg Fuente httpeswikipediaorgwindexphptitle=ArchivoAvl3119color4ajpg Licencia Public Domain Contribuyentes Albert vila Bryan Derksen JoanjocJoey-das-WBF KES47 SharkD WB WikipediaMasterArchivoCIExy1931 CIERGBpng Fuente httpeswikipediaorgwindexphptitle=ArchivoCIExy1931_CIERGBpng Licencia Public Domain Contribuyentes Adoniscik BenRGDuesentrieb Glenn Heyzeuss PAR WB WikipediaMaster 1 ediciones anoacutenimasArchivoModelo RGBsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoModelo_RGBsvg Licencia Public Domain Contribuyentes KaprakArchivoRGBRpng Fuente httpeswikipediaorgwindexphptitle=ArchivoRGBRpng Licencia Creative Commons Attribution-Sharealike 25 Contribuyentes UserMarc_MongenetArchivoCommons-logosvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCommons-logosvg Licencia logo Contribuyentes SVG version was created by UserGrunt andcleaned up by 3247 based on the earlier PNG version created by ReidabImagenCMYKsvg Fuente httpeswikipediaorgwindexphptitle=ArchivoCMYKsvg Licencia Public Domain Contribuyentes KaprakImagenSubtractiveColorMixingpng Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorMixingpng Licencia GNU Free Documentation License ContribuyentesAdoniscik Mormegil Pamri Quark67 1 ediciones anoacutenimasImagenLa Boqueria color enhancedjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_color_enhancedjpg Licencia Public Domain Contribuyentes Dungodungmodifications applied by DarkEvilImagenLa Boqueria RGB VS CMYKjpg Fuente httpeswikipediaorgwindexphptitle=ArchivoLa_Boqueria_RGB_VS_CMYKjpg Licencia Public Domain ContribuyentesDungodung modifications applied by DarkEvilImagenSubtractiveColorSynthesis CMYK 2jpg Fuente httpeswikipediaorgwindexphptitle=ArchivoSubtractiveColorSynthesis_CMYK_2jpg Licencia Creative CommonsAttribution-ShareAlike 30 Unported Contribuyentes Magica
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30
Licencia 15
LicenciaCreative Commons Attribution-Share Alike 30 Unportedcreativecommonsorglicensesby-sa30