No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

RGB

9/32
Recursos

Aportes 53

Preguntas 1

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

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

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: ūüćä

![](https://static.platzi.com/media/user_upload/image-071cc299-33e6-4552-af06-10c345b06a00.jpg) **rgb (106, 90, 205)** r = 01101010 g = 01011010 b = 11001101

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

Resumen de la clase: ![](https://static.platzi.com/media/user_upload/Captura%20de%20Pantalla%202024-06-19%20a%20la%28s%29%2019.38.59-d6a73eea-1c5f-4be4-ac3d-50c1e72ce219.jpg)
Ahora ya entiendo de mejor manera como se traduce todo!
**#2336D3 = 35, 54, 211 =** 00100011**** 00110110**** 11010011
![](https://static.platzi.com/media/user_upload/image-289d0818-2247-449a-9ba4-1025ea7c2a12.jpg)
El color navy con el código de color hexadecimal #000080 es una sombra oscura media de azul-magenta. En el modelo de color RGB #000080 dicho color se compone de **0% de rojo, 0% de verde y 50.2% de azul**.
Elegí el color azul con un valor RGB de 25/28/50 se representa en código binario de la siguiente manera: * Para el valor 25 en decimal, en binario es 00011001. * Para el valor 28 en decimal, en binario es 00011100. * Para el valor 50 en decimal, en binario es 00110010. Entonces, el color azul con un valor RGB de 25/28/50 se representa en código binario como 00011001 / 00011100/ 00110010.
hola nuevamente mi color es: R G B =20, 229 , 210. 20.= 00010100 229 = 11100101 210 = 00110100
Profesor, y qué ayuda ofrece el código HEXADECIMAL para los colores? \#RGB
**Rosa mexicano (#E4007C):** RGB: 228, 0, 124. Binario: 11100100, 0000000, 01111100.

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.
Rojo = 255 Verde = 128 Azul = 0 Color Naranja En Binario es= Rojo 255 = 11111111 Verde 128 = 10000000 Azul 0 = 00000000
Rojo = 255 Verde = 128 Azul = 0 Color Naranja

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

Color = R: 104 G: 66 B: 198 Binario = 01101000 01000010 11000110
oxford blue o #0C1B33: RGB = R: 12, G: 27, B: 51 R: 12 = 00001100 G: 27 = 00011011 B: 51 = 00110011
El color elegido es un tono azul con RGB 50, 130, 246 R: 50 => Binario: 00110010 G: 130 => Binario: 10000010 B: 246 => Binario: 11110110
**Traducción del color dark moderate violet a RGB y luego a binario** **R:** 119 **G:** 65 **B:** 170 **Binario:** * 119: 01110111 * 65: 01000001 * 170: 10101010 ![](https://www.colorhexa.com/7741aa.png)
pasar mi RBG a binario. 0 = 0 170 = 10101010 228 = 11100100
![](https://www.google.com/search?q=azul+celeste+a+RGB\&tbm=isch\&ved=2ahUKEwizq-jo8JyDAxVyrIkEHaCEDIEQ2-cCegQIABAA\&oq=azul+celeste+a+RGB\&gs_lcp=CgNpbWcQAzoECCMQJzoHCCMQ6gIQJzoKCAAQgAQQigUQQzoNCAAQgAQQigUQQxCxAzoICAAQgAQQsQM6BQgAEIAEOgQIABADOgsIABCABBCxAxCDAToGCAAQCBAeUMkHWMiCAWC-jAFoAXAAeAOAAfYBiAG_P5IBBzAuMzAuMTaYAQCgAQGqAQtnd3Mtd2l6LWltZ7ABCsABAQ\&sclient=img\&ei=xUWCZfO0A_LYptQPoImyiAg\&bih=617\&biw=1242\&rlz=1C1CHZN_enCO1059CO1059#imgrc=HPq6j-36b_cleM)![](https://static.platzi.com/media/user_upload/descarga-8b5c6ca1-f8d0-42f4-87a8-ce8b3fbb7138.jpg) azul celeste
```css backgraun 00AAE4 ``` ```css ```
## Nombres de Colores HTML Verde Dark Olive Green rgb (85, 107, 47)
![](file:///C:/Users/manue/Downloads/brave_screenshot_htmlcolorcodes.com.png)
![]()![](file:///C:/Users/manue/Downloads/brave_screenshot_htmlcolorcodes.com.png)![]()![](file:///C:/Users/manue/Downloads/brave_screenshot_htmlcolorcodes.com.png)
Mi color: ![](https://static.platzi.com/media/user_upload/imagen-101458b8-6069-4e25-b48e-32cc690af7e6.jpg) R: 6 = 0 0 0 0 0 1 1 0![](https://static.platzi.com/media/user_upload/imagen-39a4c813-b4b3-483f-be74-541e6feb2b76.jpg) G: 225 = 1 1 1 0 0 0 0 1![](https://static.platzi.com/media/user_upload/imagen-4f7cb7f1-d5a1-4f6a-bdd3-0f86d4cc99da.jpg) B: 147 = 1 0 0 1 0 0 1 1![](https://static.platzi.com/media/user_upload/imagen-f158fe91-5524-4d12-a1b1-7e964d9ffa27.jpg)

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: Denim blue Hex: 467FA8 R:70, G:127, B:168 Binario: 01000110 01111111 10101000

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

verde lechuga r = 151 = 10010111 g = 191 =10111111 b = 4 = 00000100

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)

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