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