CalcuClubLogo de CalcuClub

Colores RGB

Tabla de Contenidos

¿Qué es el Modelo de Color RGB?

El modelo de color RGB es un sistema aditivo en el que se combinan los colores rojo (Red), verde (Green) y azul (Blue) para crear una amplia gama de colores. Este modelo se utiliza principalmente en pantallas digitales, como monitores de computadora, televisores y dispositivos móviles.

Composición Aditiva de Colores

En el modelo RGB, cada color se representa como una combinación de tres componentes: rojo, verde y azul. Cada uno de estos componentes puede variar en intensidad desde 0 (ausencia total de luz) hasta 255 (máxima intensidad). Esto significa que un color en RGB se representa como un triplete de números enteros en el rango de 0 a 255, por ejemplo, rgb(255, 0, 0) representa el rojo puro.

Cálculo del Color

El color final que se percibe es el resultado de la suma de las intensidades de los tres colores primarios. A continuación se explican algunos ejemplos:

  • Blanco: Se obtiene cuando todos los valores son máximos, es decir, rgb(255, 255, 255).
  • Negro: Se produce cuando todos los valores son cero, es decir, rgb(0, 0, 0).
  • Amarillo: Se crea combinando el rojo y el verde en sus máximas intensidades, es decir, rgb(255, 255, 0).
  • Magenta: Es el resultado de combinar el rojo y el azul en sus máximas intensidades, es decir, rgb(255, 0, 255).
  • Cian: Se forma con la combinación de azul y verde en sus máximas intensidades, es decir, rgb(0, 255, 255).

Relación con Otros Modelos de Color

El modelo RGB es aditivo, lo que significa que los colores se generan sumando luz. Esto lo diferencia del modelo CMYK, que es sustractivo y se usa en la impresión. En CMYK, los colores se crean eliminando luz (es decir, agregando tinta) y se miden en términos de cian, magenta, amarillo y negro.

Conversión a Hexadecimal

Los colores RGB a menudo se representan en código hexadecimal en el contexto del desarrollo web. Cada componente (rojo, verde, azul) se convierte en un valor hexadecimal de dos dígitos y se concatena en una cadena de seis dígitos. Por ejemplo, rgb(255, 165, 0) se convierte en #FFA500, que es el color naranja.

Colores Básicos en CSS

ColorMuestraRGBHexadecimalNombre CSS
Blancorgb(255, 255, 255)#FFFFFFwhite
Negrorgb(0, 0, 0)#000000black
Rojorgb(255, 0, 0)#FF0000red
Verdergb(0, 255, 0)#00FF00lime
Azulrgb(0, 0, 255)#0000FFblue
Amarillorgb(255, 255, 0)#FFFF00yellow
Cianrgb(0, 255, 255)#00FFFFcyan
Magentargb(255, 0, 255)#FF00FFmagenta
Grisrgb(128, 128, 128)#808080gray

¿Te gustó esta página? Danos tu opinión.