No tienes acceso a esta clase

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

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

17 Días
4 Hrs
51 Min
0 Seg

RGB

9/32
Recursos

Aportes 60

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

![](https://static.platzi.com/media/user_upload/image-1fbc82ae-41a6-4acc-acd5-379c93f385d7.jpg) **RGB: 61, 25, 158** **Binario: 00110110 00110001 00100000 00110010 00110101 00100000 00110001 00110101 00111000**
Rojo (141) en binario: 10001101 Verde (182) en binario: 10110110 Azul (0) en binario: 00000000 Entonces, el color verde manzana en binario sería: 10001101 10110110 00000000
![](https://static.platzi.com/media/user_upload/imagen-a9e4a5cd-0984-47ef-8441-4f7d7f271fac.jpg) = 255, 195, 0
178 = 10110010 80 = 01010000 228 = 11100100
Color turquesa (64, 224, 208): 64 = 01000000 224 = 11100000 208 = 11010000
![](https://static.platzi.com/media/user_upload/image-dc57bb86-7455-4e3f-b908-852e18e51b7a.jpg)
Mi color es RGB: 229, 62, 242 * 229: 1,1,1,0,0,1,0,1 * 62: 0,0,1,1,1,1,1,0 * 242: 1,1,1,1,0,0,1,0
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