Función CSS rgb()
Ejemplo
Usando colores RGB:
#p1 {background-color:rgb(255,0,0);} /*rojo*/
#p2 {background-color:rgb(0,255,0);} /*verde*/
#p3 {background-color:rgb(0,0,255);} /*Azul*/
Pruébalo »
Definición y uso
La función rgb() utiliza la superposición de los tres colores rojo (R), verde (G) y azul (B) para generar una variedad de colores.
RGB significa rojo, verde y azul (en inglés: Red, Green, Blue).
- Rojo (R)Un entero entre 0 y 255 que representa el componente rojo del color.
- Verde (G)Un entero entre 0 y 255 que representa el componente verde del color.
- Azul (B)Un entero entre 0 y 255 que representa el componente azul del color.
Versión compatible: CSS2
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta esta función.
| Función | |||||
|---|---|---|---|---|---|
| rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis CSS
rgb(red, green, blue)
| Valor | Descripción |
|---|---|
| red | Define el valor rojo, con un rango de 0 a 255, también se puede usar un porcentaje del 0% al 100%. |
| green | Define el valor verde, con un rango de 0 a 255, también se puede usar un porcentaje del 0% al 100%. |
| blue | Define el valor azul, con un rango de 0 a 255, también se puede usar un porcentaje del 0% al 100%. |
Otras extensiones
Funciones CSS