No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

RGB

9/32
Recursos

Aportes 23

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

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.
.

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

Color: 🍊

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 ^^

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.

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

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

Para el turquesa claro:

Rojo: 64
Verde: 224
Azul: 208

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)

RGB = 52, 152, 219
00110100
10011000
11011011

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