Menu
Coddy logo textTech

Colores RGB

Parte de la sección Styling with CSS del Journey de HTML de Coddy — lección 27 de 76.

En CSS, los colores RGB son una forma de especificar colores utilizando la notación funcional rgb(). RGB significa Red (rojo), Green (verde) y Blue (azul), y cada color está representado por 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 */
}
challenge icon

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>
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Styling with CSS