¿Cómo podemos representar colores con bits y bytes?

El formato RGB es el formato de colores

Tenemos una imagen 👇

Al agrandarla podemos ver los pixeles de la imagen 👇

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/eda82914-86e1-426e-85b5-2cc375acc051/Imagen_JS.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e1ff0763-cb7e-4164-80ff-1749d38cc3ea/js2.png

Cada uno de estos cuadritos (1pixel) está formado por tres subpixeles que contienen cada uno tres colores:

La combinación de estos tres subpixeles forman distintos colores en cada pixel.

Por lo que cada pixel tiene un tono de un color, las tonalidades van del rango del 0 a 255.

Todas las combinaciones de colores y tonos de todos los pixeles dan por resultado toda la imagen.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fa866ec4-f3f1-4322-87f6-50389b6bb88e/RGB_pixeles.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7a24fcda-f4c4-42ef-8419-211d06d0f466/Sin_ttulo.png

Si queremos formar el color negro todos los tonos de cada subpixel tiene que estar en 0. Si queremos formar el color blanco todos los tonos de cada subpixel deben estar en 255. Si yo quiero formar el color rojo, solo el rojo debe estar en 255 y el verde y el azul en 0. Si quiero formar el azul, el color rojo y verde deben estar en 0. Y si quiero formar el verde, el color rojo y el azul deben estar en 0. De esta manera, combinando tonalidades de estos tres colores podemos empezar a formar colores muy específicos, y como dijimos arriba forman un pixel.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/074cb955-bac7-4c3d-9692-3d30eca6379c/Sin_ttulo.png