Colores RGB

Parte de la sección Estilos con CSS del Journey de HTML de Coddy. Lección 27 de 76.

En CSS, los colores RGB son una forma de especificar colores mediante la notación funcional rgb(). RGB significa rojo, verde y azul, y cada color se representa mediante un valor que va de 0 a 255. Al combinar diferentes intensidades de estos tres colores primarios, puedes crear un amplio espectro de colores.

Aquí tienes la sintaxis básica para usar colores RGB en CSS:

selector {
    color: rgb(red, green, blue);
    background-color: rgb(red, green, blue);
}

Por ejemplo:

p {
    color: rgb(255, 0, 0); /* Rojo */
    background-color: rgb(0, 255, 0); /* Verde */
}

h1 {
    color: rgb(0, 0, 255); /* Azul */
}

.highlight {
    background-color: rgb(255, 255, 0); /* Amarillo */
}

Desafío

Fácil

Se te proporciona un documento HTML con un encabezado (<h1>), un párrafo (<p>) y una división (<div>). Asigna un color de fondo y un color de texto de tu elección a todos los elementos de la página, utiliza rgb() para hacerlo.

¡No se aceptarán los colores por defecto!

Pruébalo tú mismo

<html>
<head>
    <title>RGB Colors</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>