Conversión de Colores RGB a Código Binario

RGB ❤️ 💚 💙

.

¿Cómo funcionan los colores?

Su funcionamiento se basa en la interacción con los objetos y la percepción visual. Los colores son el resultado de cómo los objetos interactúan con la luz y cómo nuestros ojos y cerebro interpretan esa interacción.
.

Sistema aditivo (RGB)

Este sistema se usa en pantallas de dispositivos electrónicos, como televisores y monitores. En este sistema se crean colores combinando los colores primarios rojo (Red), verde (Green) y azul (Blue). Esos colores se conocen como colores RGB. Cuando se combinan diferentes intensidades, los colores se mezclan para formar diferentes tonos.
.
En un monitor, los colores están representados por píxeles. Cada píxel se compone de pequeños puntos de luz llamados sub píxeles, que emiten luz roja (Red), verde (Green) y azul (Blue) en diferentes intensidades.
.
Algunos ejemplos de cómo se crean diferentes colores con este sistema son:

• Si todos los sub píxeles están apagados, el píxel aparece negro.
• Si todos los sub píxeles están encendidos en su máxima intensidad, el píxel aparece blanco.
• Si solo el sub píxel rojo está encendido, el píxel aparece rojo.
• Si solo el sub píxel verde está encendido, el píxel aparece verde.
• Si solo el sub píxel azul está encendido, el píxel aparece azul.
  .

Para representar colores más complejos, se utilizan combinaciones de valores RGB en una escala de 0 a 255 (256 valores) para cada sub píxel. Esto significa que este sistema se basa en el sistema binario de 1 byte para cada sub píxel (3 bytes para 1 píxel).
.
Por ejemplo, si queremos representar el nuevo color de Platzi, debemos combinar los valores R = 10, G = 233 y B = 138.
.
En el sistema binario, estos números serían R = 00001010, G = 11101001 y B = 10001010.
.

Clase 9 - RGB

Repaso de la clase

¿Cómo se llama el código que usamos para darle un valor numérico a los colores y que la computadora pueda entender?

• RGB

¿De qué colores está compuesto el código RGB?

• Rojo (Red).
• Verde (Green).
• Azul (Blue).

¿La gran mayoría de las imágenes están compuestas por píxeles?

• Sí.

¿Por qué está formado un pixel?

• Por 3 subpixeles, que a su vez cada uno representa un color del código RGB.

¿Qué usa el RGB para dar gran variedad de colores a una imagen?

• Los tonos.

¿Cuál es el rango que tienen los tonos de los colores RGB?

• 0 al 255.

¿Por cuántos bytes está compuesto un color en RGB?

• Por 3 bytes.

¿Qué usa la computadora para entender la música?

• Las ondas.

¿Por qué la computadora usa ondas para poder entender la música?

• Porque las ondas pueden tener los estados de on-off, true-false o subida-bajada. Lo cual se parece mucho al código binario.

Mi color tiene este código RGB: 214, 113, 190

214 = 11010110
113 = 01110001
190 = 10111110

Me está encantando lo práctico de este curso 😊 (U+1F60A) unicode number del emoji ^^

Color: 🍊

Según lo que encontré sobre el color que se solicita en esta clase no diría que se representa de la siguiente forma:

Rojo = 78, ( 0 1 0 0 1 1 1 0 ).
Verde = 5, ( 0 0 0 0 0 1 0 1 ).
Azul = 80, ( 0 1 0 1 0 0 0 0 ).

Y viene quedando en notación binaria así:
01001110
00000101
01010000

A la fina lo vemos escrito para representación en html = #4e0550

Para el turquesa claro:

Rojo: 64
Verde: 224
Azul: 208

RGB = 52, 152, 219
00110100
10011000
11011011

Según la tonalidad del color solicitado por Diego nos queda la notación en lenguaje binario así:

Rojo = 178 ( 1 0 1 1 0 0 1 0)
Verde= 80 ( 0 1 0 1 0 0 0 0)
Azul= 228 (1 1 1 0 0 1 0 0)

Si lo utilizamos en html nos queda la notación así: #B250E4

Elección entre RGB y CMYK en el diseño gráfico

Elegir entre RGB o CMYK depende del contexto y el objetivo final de tu trabajo. Te explico las diferencias clave para ayudarte a decidir:

RGB (Red, Green, Blue):

• Modelo aditivo: Combina luz roja, verde y azul para crear colores.
• Uso: Pantallas digitales (monitores, smartphones, tablets), software de diseño gráfico, edición de imágenes.
• Ventajas: Amplia gama de colores vibrantes, fácil de usar en entornos digitales.
• Desventajas: No se traducen bien a la impresión, ya que las impresoras utilizan un proceso sustractivo.

CMYK (Cyan, Magenta, Yellow, Key (Black)):

• Modelo sustractivo: Superpone capas de cian, magenta, amarillo y negro para crear colores.
• Uso: Impresión tradicional (libros, folletos, revistas, empaques), diseño gráfico para impresión.
• Ventajas: Colores precisos y consistentes en la impresión, económico para tiradas grandes.
• Desventajas: Gama de colores más limitada que RGB, requiere conversión del diseño RGB a CMYK.

En resumen:

• Elije RGB si tu trabajo se mostrará principalmente en pantallas digitales.
• Elije CMYK si tu trabajo se destinará a la impresión física.

Otros factores a considerar:

• Perfil de color: Es importante utilizar un perfil de color adecuado para el dispositivo de salida (pantalla o impresora) para garantizar la reproducción precisa de los colores.
• Software: Tu software de diseño gráfico o edición de imágenes debe ser compatible con el modelo de color que elijas.
• Experiencia: Si eres nuevo en el mundo del diseño, RGB puede ser un buen punto de partida debido a su facilidad de uso.

mi color tiene el rgb: 40, 3, 106
40 = 00101000
3 = 00000011
106 = 01101010

Yo encontré el color con el siguiente código en RGB utilizando los powertoys de Microsoft:

rgb(157, 71, 203)

y su traducción en binario es:

157 = 10011101
71 = 01000111
203 = 11001011

Color morado 😄 RGB 157,71,204
157= 10011101
71= 1000111
204= 11001100

Hola a todos.
Elegí el color lila: 182,149,182
182: 10110110
149: 10010101
192: 11000000

El RGB de el logo de Platzi me parese qué es

Red: 152
Green: 202
Blue: 63

Binario para turquesa claro es:
Rojo: 1000000
Verde: 11100000
Azul: 11010000

EX
#29B6F6
RGB
41= 00101001
182= 10110110
246=11110110

Purple
178=10110010
80=01010000
228=11110100

Mi color fue un matiz de verde que va asi

RGB(50,60,168)

110010

111100

10101000

Como le hace el ordenador para darle mas o menos intesidad a un LED. En mi cabeza lo veo como on y off, pero en este caso es on con variaciones.

VINOTINTO (UNA DE SUS VARIANTES)
R: 128 (10000000)
G: 0
B: 32 (00100000)

Es interesante la forma que tienen las formas de hallar el rgb de cada color. Ese codigo jamas lo habia comprendido y ahora que lo se me gustaria aplicarlo en muchos estilos de codigo.
RGB elegido:
220 -> 11011100
20 -> 00010100
60 -> 00111100
![](

Color: SkyBlue

• R = 135 → 10000111
• G = 206 → 11001110
• B = 235 → 11101011

Mi ejercicio:

R: 151 = 1 0 0 1 0 1 1 1
G: 248 = 1 1 1 1 0 0 0 0
B: 109 = 0 1 1 0 1 1 0 0

Link del color: https://htmlcolorcodes.com/es/

Yo elegí el siguiente color

R: 6 = 00000110
G: 31 = 00011111
B: 100 = 01100100

https://youtu.be/INRNgjGrXbc un pequeño video para profundizar mas en el tema, ademas tambien habla sobre el tema de como funcionan las luces RGB que vemos en muchos productos gamer 💫.

https://color.adobe.com/es/create/color-wheel pagina oficial de adobe para crear paletas de colores, ademas te muestra el codigo hexadecimal de ese color ☻.

178 = 10110010
80 = 1010000
228 = 11100100