Exercice 5.3 · 5 min · 0 tentative
Trois nombres bien dosés
🎯 Objectif
Écrire des couleurs avec rgb() — le même dosage rouge-vert-bleu que l'hexadécimal, en nombres ordinaires.
📖 Exemple
Le vert du maillot du FC Courtételle, tu l'as écrit #226347. Le voici dans l'autre notation :
<h1>Le même vert, deux écritures</h1>
<p>Rien ne change à l'écran : le dosage est identique.</p>
h1 {
color: rgb(34, 99, 71);
}
rgb(34, 99, 71) et #226347 sont la même couleur : 34 de rouge (22 en hexadécimal), 99 de vert (63), 71 de bleu (47). La notation rgb() dit le dosage en nombres de tous les jours, de 0 (canal éteint) à 255 (canal à fond).
Pourquoi deux notations pour la même chose ? L'hexadécimal est compact — parfait à copier depuis une charte. Le rgb() se lit et se bidouille : envie d'un poil plus de rouge ? Augmente le premier nombre, c'est tout.
📝 Consigne
Le club photo prépare son expo d'automne et veut des tons chauds. Trois règles, tout en rgb() :
- Le fond de la page : la valeur rgb(255, 243, 224) — un crème lumineux
- Le titre : la valeur rgb(191, 54, 12) — un orange brûlé
- Les paragraphes : la valeur rgb(62, 39, 35) — un brun bien foncé
Résultat attendu
La galerie passe aux couleurs d'automne : fond crème, titre orange brûlé, texte brun. Trois nombres par couleur, et l'ordre compte : rouge, vert, bleu.
Ce qui est vérifié
- Peindre le fond en crème (rgb 255, 243, 224)
- Colorer le titre en orange brûlé (rgb 191, 54, 12)
- Colorer les paragraphes en brun foncé (rgb 62, 39, 35)
- Terminer chaque déclaration par un point-virgule
- Écrire un code HTML bien formé
- Respecter la structure de la page (doctype, head, body)