# data[].attributes.body
5Y
04 / 09 / 2023

# data[].attributes.body
Desarrollo:

R = Red. λ de onda de 618-780 nm
G = Green. λ de onda  497-570 nm.
B = Blue. λ de onda 427-476 nm

Modelo de color basado en la síntesis aditiva.

Es un sistema de composición de colores basado en la adición de los colores primarios de la luz.

Los colores primarios son aquellos que no pueden conseguirse combinando otros colores.

Colores primarios de los pigmentos: Cian, magenta y amarillo.

Este modo de color se utiliza mayormente para imágenes y elementos gráficos que necesiten reproducirse en canales digitales.

No debe usarse para sistemas de impresión.

Aplicaciones:

Representar y mostrar imágenes en sistemas electrónicos como computadoras, cámaras, televisión, cámaras, escáneres, etc.

Ejemplo:

Todo color en una pantalla se puede representar como una mezcla de estos 3 colores, indicando la proporción de cada uno con un número del 0 al 255.

Por ejemplo: El rojo se representaría como RGB (255,0,0)

# data[].attributes.body
Referencia de la imagen:
M, C. (2023, 16 agosto). EL COLOR ROJO | Significados, usos, diseño | TheColorBlog. The Color. https://thecolor.blog/es/color-rojo/

# data[].attributes.attachment_link.title
Modelo de color RGB | TEORIA DEL COLOR parte 1

# data[].attributes.body
Desarrollo:
C = Cyan. λ de onda 487 a 505 nm
M = Magenta.
Y = Yellow. λ de onda 570–590 nm
K = Black. λ de onda 250 - 380 nm

Se conoce como síntesis sustractiva.

Está basado en la sustracción del blanco usando para ello mezclas de pigmentos.

En este modelo se combinan los pigmentos o colores sustractivos primarios para obtener el resto de colores.

Puede utilizarse para acentuar el tono o dar profundidad a la impresión.

Color negro aporta cuerpo y fuerza.

Las imágenes en CMYK contienen un total de 32 bits por cada pixel, haciendo uso de 4 canales de información, uno por cada color. El valor de los canales oscila entre 1 y 100.

Aplicaciones:

Este modo de color se utiliza mayormente para imágenes y elementos gráficos que necesiten ser impresos sobre un medio físico.

Ejemplo:

Creación de un póster en computadora que se desea imprimir.

Para que al imprimir se generen los mismos tonos vibrantes y  exactos que se diseñaron en la computadora; se debe imprimir en formato CMYK.

# data[].attributes.body
Adjuntamos evidencia y ejemplificación de modelos RGB y CMYK, para mayor comprensión en cuanto a sus diferencias.

Referencia de la imagen:

Castro, E. (s. f.). Modos de color en la impresión digital: CMYK o RGB.  Soloimprenta.es. Recuperado el 4 de septiembre de 2023, de https://www.soloimprenta.es/blog/post/modos-de-color-en-la-impresion-digital-rgb-o-cmyk.html

# data[].attributes.body
Desarrollo
HSL:

Las propiedades que codifican el modelo son:

Tono (Hue).

Saturación (Saturation).

Luminosidad (Lightness)

El tono o matiz (hue) es el nombre del color que percibimos. La manera en que se distribuye es en un círculo cromático con origen en el color rojo.

En éste los colores se distribuyen de la siguiente manera:

0º color rojo

60º color amarillo

120º color verde

180º color cian

240º color azul

300º color magenta

La saturación (saturation) es la cantidad de color en un tono determinado, y se mide en una escala del 0 al 100, siendo el 0 un color gris muy apagado y el 100 el máximo de color que se puede representar.

La luminosidad (lightness) es la cantidad de blanco o negro que tiene un color. Se mide en una escala del 0 al 100, siendo el 0 un negro total, el 50 el punto de equilibrio y el 100 un blanco total.

HSB (HSV):

En este caso, las siglas HSB significan Hue (tono / matiz), Saturation (saturación) y Brightness (brillo). El modelo es conocido como HSB o HSV. HSV porque anteriormente a la variable del brillo la llamaban value (valor).

En este modelo tenemos las referencias del tono (hue) que también funciona por el círculo cromático con:

0º color rojo

120º verde

240º azul

La saturación (saturation) de nuevo es la intensidad del color y va en escala del 0 al 100, aunque en este caso la saturación no es tan independiente de la luminosidad.

El brillo (brigthness) que al igual que la luminosidad va en una escala de 0 a 100, es la principal diferencia con el modelo anterior.

* La diferencia entre brillo y luminosidad es que mientras que la luminosidad es cuán claro es un color (reflejado), el brillo es cuán encendida está la luz que emite el color, o lo que es lo mismo cómo de brillante es la luz emisora.

Aplicaciones:

Se utilizan en una variedad de aplicaciones en diseño gráfico, procesamiento de imágenes, edición de video y más debido a su capacidad para representar colores de manera intuitiva.
Permite un control más preciso sobre los atributos del color.

Diseño gráfico y edición de imágenes.

Selección de colores.

Gradiente y mezcla de colores.

Simulación de iluminación de sombras.

Visualización de datos.

Correción de colores.

Arte digital y pintura digital

Generación de colores aleatorios.

Ejemplo:

Se tiene una imagen que es un poco oscura y se desea mejorar su visibilidad.

En lugar de simplemente aumentar el brillo, se podría ajustar la luminosidad en el modelo HSL o el brillo en el modelo HSB.
Esto mantendría la saturación de los colores, evitando que se vuelvan lavados.

# data[].attributes.body
Concebir este modelo de color como un doble cono, nos puede ayudar a entenderlo.

Referencia de la imagen:

Pablo. (2023, enero 16). Modelos de color HSL y HSB. Aprender UX UI; AprenderUXUI. https://aprenderuxui.com/modelos-de-color-hsl-y-hsb/aprender/uidesign/

# data[].attributes.attachment_link.title
Diseño Gráfico 14:  Modelo de color HSL y sus usos.

# data[].attributes.body
Para mayor comprensión del modelo HSB/HSV, lo podemos concebir como un cono simple.

Referencia de la imagen:

Pablo. (2023, enero 16). Modelos de color HSL y HSB. Aprender UX UI; AprenderUXUI. https://aprenderuxui.com/modelos-de-color-hsl-y-hsb/aprender/uidesign/

# data[].attributes.body
Respecto al tono no hay diferencia y ambas comparten la distribución tonal con el mismo círculo cromático. Sin embargo, hay diferencias más o menos sutiles entre estos modelos de color para las propiedades saturación y sobre todo para la luminosidad y el brillo.

En el ejemplo la línea de saturación se ha hecho en base a un término medio (50) de luminosidad o brillo. Mientras para el HSL el color es el rojo más fuerte que existe, para el HSB está visualmente más apagado y la manera de conseguir el mismo color es subir el brillo al máximo. Esto se debe a la forma de doble cono o cono simple mencionadas anteriormente.

# data[].attributes.body
Desarrollo:

L = Luminosidad

a = Coordenadas rojo/verde (+a indica rojo, -a indica verde)

b = Coordenadas amarillo/azul (+b indica amarillo, -b indica azul)

Un espacio de color puede ser descrito como un método para expresar el color de un objeto usando algún tipo de anotación, como pueden ser los números.

El espacio de color Lab, es actualmente uno de los espacios de color más populares y uniformes usado para evaluar el color de un objeto.

Fue modelado en base a una teoría de color oponente que establece que dos colores no pueden ser rojo y verde al mismo tiempo o amarillo y azul al mismo tiempo.

Este espacio de color es ampliamente usado porque correlaciona los valores numéricos de color consistentemente con la percepción visual humana.

Se basa en las percepciones visuales humanas y es independiente de los dispositivos, lo que lo hace especialmente útil para la reproducción precisa de colores en diferentes medios.

Aplicaciones:

Investigadores y fabricantes lo usan para evaluar los atributos de color, identificar inconsistencias, y expresar precisamente sus resultados a otros en términos numéricos.

Actualmente se usa en Adobe Photoshop, perfiles ICC, archivos TIFF y documentos PDF.

Ejemplo:

En la fotografía, tomando la hipótesis de capturar un objeto en un estudio de iluminación mixta, si se crea un tinte no deseado en la imagen, se utiliza este espacio para corregir el equilibrio de color de la imagen, y que de esta manera los colores se vean naturales y precisos.

# data[].attributes.body
Se tomará la manzana 1 como referencia, por los valores obtenidos podemos concluir lo siguiente, la manzana 2 es más clara (por tener un valor más elevado en L*), con respecto al tono, es menos roja (por que el valor en a* es menor) y con mayor tendencia hacia el amarillo (el valor de b* es mayor).

# data[].attributes.attachment_link.authors[].name
Universitat Politècnica de València - UPV

# data[].attributes.attachment_link.title
Descripción del color en el espacio CieL*a*b* |  | UPV

# data[].attributes.body
Desarrollo:

El sistema Hexadecimal representa los colores aditivos (RGB) a través de seis números hexadecimales (aquellos que toman valores del 0 al 9 y de la A a la F) divididos en 3 pares.

El primer par corresponderá al rojo, el segundo al verde, y el tercero al azul (#RRGGBB).

Rojo: #ff0000

Verde: #00ff00

Azul: #0000ff

Cyan: #00ffff

Magenta: #ff00ff

Amarillo: #ffff00

Negro: #000000

Blanco: #ffffff

El modo de color hexadecimal es muy útil cuando vamos a orientar nuestros trabajos a web, ya que se trabaja en lenguaje HTML y se crea para poder correlacionar los colores RGB a código web.

Cada uno de estos valores puede ir desde 0 hasta 255, lo que significa que hay un total de 16,777,216 combinaciones posibles de colores diferentes utilizando este sistema.

El código de color hexadecimal del blanco es #FFFFFF, ya que es una mezcla de los tres colores primarios en su máxima intensidad.

El código de color hexadecimal del negro es #000000, ya que es una falta de color primario total.

El código hexadecimal del rojo es #FF0000, pues requiere una mayor intensidad de color rojo que del resto de los otros dos colores primarios.

Aplicaciones:

El color hexadecimal es ampliamente utilizado en el diseño web. Es una forma de garantizar que los colores se vean iguales en diferentes dispositivos y navegadores, ya que todos interpretan los códigos de la misma manera.

También es útil cuando se trabaja con diseños gráficos, ya que los programas de diseño suelen permitir la especificación del color en código hexadecimal.

Ejemplo:

Gama de colores específicos con sus respectivos hexadecimales:

Color           Hexadecimal           RGB
Plata        | #C0C0C0      | 192, 192, 192 |
Negro      | #000000       | 0, 0, 0             |
Rojo         | #FF0000       | 255, 0, 0         |
Marrón    | #800000       | 128, 0, 0          |
Amarillo   | #FFFF00       | 255, 255, 0     |
Oliva        | #808000       | 128, 128, 0       |

# data[].attributes.body
Referencia de la imagen:
Alvy. (s. f.). Cómo interpretar los códigos hexadecimales de color Incluso siendo daltónico. Microsiervos. https://www.microsiervos.com/archivo/arte-y-diseno/codigos-hexadecimales-color.html

# data[].attributes.body
Desarrollo:

Pantone® es una empresa reconocida internacionalmente que desarrolla sistemas de identificación de colores estándar.

Las cartas de colores Pantone® muestran una amplia gama de colores con códigos numéricos y gráficos.

La finalidad de esta serie de guías es facilitar la elección de tintas directas en los diseños, así como encontrar su equivalencia en cuatricromía.

Se utiliza para identificar y comunicar de forma unívoca una gran cantidad de colores entre los diferentes actores del proceso gráfico: clientes, diseñadores gráficos e impresores.

En su última versión incluye 1.755 colores

Pantone® indica cómo obtenerlos por medio de la combinación de diferentes proporciones de un número limitado de tintas básicas.

Es como un libro de recetas con la “fórmula” para la obtención de los colores Pantone®.

Aplicaciones:

Permiten a los diseñadores y profesionales de la industria seleccionar y reproducir los colores de manera consistente en diferentes medios y materiales.

Ejemplo:

Diseño de logotipos.

Muchas empresas utilizan colores Pantone® para asegurarse de que su logotipo tenga un color consistente y preciso en diferentes aplicaciones.

Por ejemplo, el logotipo de Coca-Cola utiliza el color Pantone® 485 C, que es un rojo brillante y distintivo.

Sitio oficial de PANTONE®:

https://www.pantone.com/eu/es/color-of-the-year-2022-paletas-de-color

# data[].attributes.headline
Colores de Coca Cola en distintos códigos de color:

# data[].attributes.subject
Colores de Coca Cola en distintos códigos de color:

# data[].attributes.body
Referencia de la imagen:
Axel, J. (2021). Haga que su negocio sea memorable: Cómo crear una identidad de marca. Anthem Branding. https://anthembranding.com/es/blog/hacer-que-su-negocio-sea-memorable-como-crear-una-identidad-de-marca

# data[].attributes.attachment_link.title
🎨 Tintas Pantone y pantoneras EXPLICACIÓN FÁCIL.

# data[].attributes.attachment_caption
Fuentes consultadas para la realización del presente documento.