Colores RGB
Tabla de Contenidos
- ¿Qué es el Modelo de Color RGB?
- Composición Aditiva de Colores
- Cálculo del Color
- Relación con Otros Modelos de Color
- Conversión a Hexadecimal
- Tabla de Colores Básicos
¿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
Color | Muestra | RGB | Hexadecimal | Nombre CSS |
---|---|---|---|---|
Blanco | rgb(255, 255, 255) | #FFFFFF | white | |
Negro | rgb(0, 0, 0) | #000000 | black | |
Rojo | rgb(255, 0, 0) | #FF0000 | red | |
Verde | rgb(0, 255, 0) | #00FF00 | lime | |
Azul | rgb(0, 0, 255) | #0000FF | blue | |
Amarillo | rgb(255, 255, 0) | #FFFF00 | yellow | |
Cian | rgb(0, 255, 255) | #00FFFF | cyan | |
Magenta | rgb(255, 0, 255) | #FF00FF | magenta | |
Gris | rgb(128, 128, 128) | #808080 | gray |