Códigos de colores by Jemima Reyes Macias

Códigos de colores by Jemima Reyes Macias https://padlet.com/21041289/1dum3r2cruuh5qne Nuestro trabajo de los códigos de colores, sus aplicaciones y ejemplos. en-us 2023-08-31 15:08:12 UTC 2023-09-04 15:34:34 UTC hello@padlet.com https://padlet.net/icons/png/1f3a8.png Portada 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2679956311 Instituto Tecnológico de Durango
Sistemas Computacionales
Graficación

Códigos de colores

Integrantes:

Dulce Carolina Niebla Soto (21041279)
Jemima Reyes Macias (21041289)

]]> 2023-08-31 15:18:23 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2679956311 RGB 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682076698 El RGB (Red, Green, Blue) es un modelo cromático mediante el cual seremos capaces de representar distintos colores a partir de la mezcla de estos tres colores.
Mediante esta adición de colores y aplicando una determinada luminosidad a cada uno de estos tres, seremos capaces de representar distintos colores.]]> 2023-09-03 00:12:09 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682076698 RGB en pantallas LED 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682080089 Nuestros móviles, televisión, monitor de ordenador, todas ellas utilizan el sistema RGB para proporcionarnos todos los colores que nosotros vemos en ellas.
Nuestra pantalla está conformada por pixeles que son puntos de iluminación en nuestra pantalla, cada pixel tiene tres subpíxeles que se iluminan de cada color. Cuando todos están apagados, tendremos el color negro y cuando todos están encendidos y de igual brillo tendremos el color blanco. El resto de colores son combinaciones de tonos de estos tres subpíxeles. ]]> 2023-09-03 00:28:21 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682080089 RGB en programación y programas de diseño 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682081504 Para representar los distintos colores existe un código formado por tres números separados que pueden tomar valores desde el 0 hasta el 255 “[xxx], [xxx], [xxx]”.
Estos números representa uno de los colores siendo [R], [G], [B] y dependiendo del valor del número que haya en su interior, la luminancia de ese color será mayor o menor.
Ej. [0], [255], [0] es el color verde y [255], [255], [255] es el color blanco.]]> 2023-09-03 00:36:43 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682081504 Referencias 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682082113

Castillo, J. A. (2019). RGB Qué es esto y para qué se utiliza en informática. Profesional Review. https://www.profesionalreview.com/2019/01/20/rgb-que-es/

Modelo de color CMYK: aplicaciones y ventajas - MadnessPrint®. (2023, 25 mayo). MadnessPrint®. https://madnessprint.es/modelo-de-color-cmyk-aplicaciones-y-ventajas/#:~:text=Usos%20y%20aplicaciones%201%20Impresi%C3%B3n%20comercial%3A%20El%20color,dise%C3%B1o%20gr%C3%A1fico%2C%20el%20color%20CMYK%20es%20esencial.%20

Equipo editorial de IONOS. (2021). CMYK – El secreto de los cuatro colores. IONOS Digital Guide. https://www.ionos.es/digitalguide/paginas-web/diseno-web/colores-cmyk/

Modos de color. (s. f.). RGB, CMYK, Color Lab, Escala de grises. https://prisma2.com/photoshop/color-ajustes/color-modos-de/#:~:text=Modo%20de%20color%20Lab,-El%20modo%20de&text=En%20el%20Selector%20de%20color,entre%20%2B127%20y%20%2D128.

ColorWiki - CIELab. (s. f.). https://www.colorwiki.com/wiki/CIELab#:~:text=CIELab%20is%20the%20color%20space,space%20(CMYK%20for%20example).

Izquierdo, T. (2023). Color hexadecimal: qué es. Tania Izquierdo. https://taniaizquierdo.com/color-hexadecimal/

LogoRapid. (s. f.). Tabla de códigos Pantone y RGB - LogoRapid. LOGORAPID. https://www.logorapid.com/pantone

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

]]> 2023-09-03 00:39:35 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682082113 CMYK 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682089278 El color CMYK es un modelo de color que utiliza los colores primarios Cian (C), Magenta (M), Amarillo (Y) y Negro (K) para crear una amplia gama de tonos.]]> 2023-09-03 01:19:00 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682089278 Lab 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682090192 Es el modelo cromático usado normalmente para describir todos los colores que puede percibir el ojo humano. ]]> 2023-09-03 01:23:55 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682090192 Parámetros 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682092066 (L) Luminosidad:
_{Va del negro -> blanco
Valores: 0 ->100}
(a) Componente a:
_{Va del verde -> rojo
Valores: -127 -> 127}(b) Componente b:
_{Va del azul -> amarillo
Valores: -127 -> 127}

]]> 2023-09-03 01:34:39 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682092066 Aplicaciones del CMYK 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682092452 A diferencia del modelo de color RGB, que se utiliza principalmente para medios digitales, el modelo CMYK se utiliza específicamente en el ámbito de la impresión.
Se utiliza por ejemplo en la impresión comercial como tarjetas de presentación, folletos y catálogos, así como en la industria editorial en la impresión como libros, revistas y fotografías, también en publicidad y diseño gráfico en pancartas, carteles, vallas publicitarias, etc.]]> 2023-09-03 01:36:36 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682092452 Ventajas 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682093961 Comparado con el RGB y CMYK:

Más de rápido hacer correcciones eficientes.
Dado que la luminosidad no se relaciona con los colores, lo hace mucho menos sensible a errores.
Puede obtener colores que no existen el la vida real

]]> 2023-09-03 01:43:13 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682093961 Ejemplo en Photoshop 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682095098 El video muestra el cambio que se le realiza a una fotografía.
Usando el Lab mode, la fotografía se separa en sus componentes L A B.
La edición realizada fue que el valor para b fuera el mismo valor del componente a. Lo que hace que los colores amarillos se recorran al azul.]]> 2023-09-03 01:48:47 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682095098 Colores en CMYK 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682095270 CMYK forma parte de los modelos sustractivos de colores, lo que de manera más sencilla significa: si todos los colores están 100 % activos, el resultado es el color negro; si faltan todos los colores, es decir, se encuentran al 0 %, el papel (blanco) se queda blanco.]]> 2023-09-03 01:49:38 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682095270 Desventajas 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682095645

El número de valores numéricos posibles por cada píxel es menor en Lab que en RGB o CMYK.

]]> 2023-09-03 01:51:18 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682095645 Aplicaciones 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682096532 Lab es el espacio de color que los perfiles ICC y las CMM suelen utilizar como espacio intermediario al convertir colores. Entonces, una comparación entre monitor e impresora traduce los colores del espacio del monitor (RGB) a Lab y luego al espacio de color de la impresora (CMYK, por ejemplo).]]> 2023-09-03 01:56:05 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682096532 Hexadecimal 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682097106 El color hexadecimal es un sistema de notación numérica utilizado para representar colores en la mayoría de las páginas web. Se basa en la combinación de tres valores numéricos: rojo, verde y azul (RGB, por sus siglas en inglés).

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.

]]> 2023-09-03 01:59:19 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682097106 Aplicaciones 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682097245 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.

]]> 2023-09-03 02:00:09 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682097245 Composición del código hex 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682097513 El código hexadecimal se compone de seis caracteres alfanuméricos, que representan los valores de los colores RGB. Los dos primeros caracteres representan el valor del color rojo, los dos siguientes representan el valor del verde, y los dos últimos representan el valor del azul.

Cada uno de estos caracteres puede ser un número del 0 al 9 o una letra de la A a la F. Por ejemplo, el código hexadecimal para el color rojo puro es #FF0000, mientras que el código para el color blanco es #FFFFFF.

]]> 2023-09-03 02:01:32 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682097513 Ejemplo en Photoshop 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682098094 2023-09-03 02:04:09 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682098094 Pantone 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682098821 Pantone es un sistema que se utiliza para combinar colores con fines de impresión. Se pueden utilizar códigos de color RGB o CMYK para imprimir en papel; sin embargo, no son adecuados para los procesos de combinación de tintas utilizados en serigrafía y tampografía en productos físicos.]]> 2023-09-03 02:07:01 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682098821 Empresa Pantone 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682099335
Pantone Inc. es una empresa estadounidese, creadora del Pantone Matching System, un sistema de identificación, comparación y comunicación del color para las artes gráficas.]]> 2023-09-03 02:09:46 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682099335 Diferencia entre otros códigos de color 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682099554 Este modo de color, a diferencia de los modos CMYK y RGB, suele denominarse color sólido.

]]> 2023-09-03 02:10:49 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682099554 Aplicaciones 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682100563 Dado que el CMYK se basa en la combinación de colores básicos (Cian, Magenta, Amarillo y Negro) para obtener todos los demás, no siempre queda un color como debe de quedar.

Pantone tiene todos los colores especificados, por lo que se usa para impresiones tipo Offset (especializadas), como para serigrafía y tampografía. ]]> 2023-09-03 02:15:14 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682100563 Ejemplo para sublimación 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682100797 2023-09-03 02:16:18 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682100797 Cómo usar el código de colores 21041289 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682101118 Hay que tener en cuenta que Pantone y RGB son sistemas distintos y no hay una conversión directa entre ellos, sólo aproximada. RGB es el sistema que se usa en aplicaciones de pantalla (color luz), y se basa en la combinación de 3 colores básicos (rojo, verde y azul). Pantone, en cambio, define colores pigmento exactos.

La correspondencia entre los dos sistemas de colores es aproximada. Lo que se verá realmente depende de la calibración del monitor (en RGB), de modo que se pueden llegar a ver muy distintos. Lo que se ve en esta tabla sirve sólo como orientación, para ver el color real hay que consultar una guía de colores Pantone.

]]> 2023-09-03 02:17:49 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682101118 HSL 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682102218 El modelo de color HSL basa su nombre en las iniciales de las propiedades que toma en consideración para constituirse: El tono (Hue), la saturación (Saturation) y la luminosidad (Lightness).
El tono o matíz (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. Al igual que la saturación, 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.

]]> 2023-09-03 02:22:59 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682102218 HSB (HSV) 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682103120 las siglas HSB significan Hue (tono / matiz), Saturation (saturación) y Brightness (brillo).
El tono (hue) que también funciona por el círculo cromático con el rojo en el grado 0, el verde en el 120 y el azul en el 240.

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 como en el modelo HSL sino que también le afecta.

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.

]]> 2023-09-03 02:27:01 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682103120 HSB vs HSL 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682105012 La saturación en ambos es casi idéntica. Para ambos se gestiona en una escala de 0 a 100 donde el mínimo es el color gris y el máximo la máxima saturación del color. Sin embargo, el resultado del tope de color no es nunca el mismo porque la saturación se ve afectada por el tercer parámetro la luminosidad o el brillo.
En el modelo HSL es muy fácil llegar al blanco puro, pero no así en el HSB que da igual el brillo que pongamos que no lo conseguiremos mientras tengamos un mínimo de saturación.]]> 2023-09-03 02:35:21 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682105012 Ejemplo del uso de HSB/HSL en Photoshop 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682106708 En el vídeo se muestra el procedimiento para utilizar HSB/HSL en una fotografía en Photoshop, se puede apreciar el antes y el después de jugar con los parámetros de HSB.]]> 2023-09-03 02:42:28 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682106708 Ejemplo de cambio RGB a CMYK 210412791 https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682107294 En el vídeo se puede apreciar la diferencia entre el uso de RGB y CMYK, al cambiar el formato a impresión se puede apreciar un cambio, un tanto sutil por los cambios que realizó, sin embargo, se puede apreciar que el color pasa a ser un poco más opaco al convertir la imagen a CMYK]]> 2023-09-03 02:45:15 UTC https://padlet.com/21041289/1dum3r2cruuh5qne/wish/2682107294