La función rgb() es una función incorporada en CSS que se usa para definir los colores usando el modelo Red Green Blue (RGB).
Sintaxis:
rgb( red, green, blue )
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- rojo: Este parámetro se utiliza para definir la intensidad del color rojo. Es un valor entero que se encuentra entre 0 y 255, o como un valor porcentual entre 0% y 100%.
- verde: Este parámetro se utiliza para definir la intensidad del color verde. Es un valor entero que se encuentra entre 0 y 255, o como un valor porcentual entre 0% y 100%.
- azul: Este parámetro se utiliza para definir la intensidad del color azul. Es un valor entero que se encuentra entre 0 y 255, o como un valor porcentual entre 0% y 100%.
Los siguientes programas ilustran la función rgb() en CSS:
Programa:
<!DOCTYPE html>
<html>
<head>
<title>rgb function</title>
<style>
.gfg1 {
background-color:rgb(1, 153, 0);
text-align:center;
}
.gfg2 {
background-color:rgb(0, 255, 0);
text-align:center
}
.gfg3 {
background-color:rgb(133, 150, 150);
text-align:center
}
.gfg {
font-size:40px;
font-weight:bold;
color:green;
text-align:center;
}
h1 {
text-align:center;
}
</style>
</head>
<body>
<div class = "gfg">GeeksforGeeks</div>
<h1>The rgb() Function</h1>
<p class = "gfg1">Green</p>
<p class = "gfg2">Light green</p>
<p class = "gfg3">Light black</p>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la función rgb() se enumeran a continuación:
- Chrome 1.0 y superior
- Internet Explorer 4.0 y superior
- Firefox 1.0 y superior
- Safari 1.0 y superior
- Ópera 3.5 y superior