Colori RGB

Fa parte della sezione Stilizzare con CSS del percorso HTML di Coddy. Lezione 27 di 76.

In CSS, i colori RGB sono un modo per specificare i colori usando la notazione funzionale rgb(). RGB sta per Red, Green e Blue, e ogni colore è rappresentato da un valore compreso tra 0 e 255. Combinando diverse intensità di questi tre colori primari, puoi creare un ampio spettro di colori.

Ecco la sintassi di base per usare i colori RGB in CSS:

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

Per esempio:

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

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

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

Sfida

Facile

Ti viene dato un documento HTML con un'intestazione (<h1>), un paragrafo (<p>) e un elemento div (<div>). Assegna a tutti gli elementi della pagina un colore di sfondo e un colore del testo a tua scelta, usando rgb().

I colori predefiniti non saranno accettati!

Provalo tu

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