Cores RGB

Parte da seção Styling with CSS do Journey de HTML da Coddy — lição 27 de 76.

No CSS, as cores RGB são uma forma de especificar cores usando a notação funcional rgb(). RGB significa Red (Vermelho), Green (Verde) e Blue (Azul), e cada cor é representada por um valor que varia de 0 a 255. Ao combinar diferentes intensidades dessas três cores primárias, você pode criar um amplo espectro de cores.

Aqui está a sintaxe básica para usar cores RGB no CSS:

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

Por exemplo:

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

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

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

Desafio

Fácil

Você recebeu um documento HTML com um cabeçalho (<h1>), um parágrafo (<p>) e uma divisão (<div>). Atribua uma cor de fundo e uma cor de texto de sua escolha a todos os elementos da página, use rgb() para fazer isso.

As cores padrão não serão aceitas!

Folha de consulta

As cores RGB usam a notação funcional rgb() com valores de 0 a 255 para vermelho, verde e azul:

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

Exemplos:

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

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

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

Experimente você mesmo

<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>