Colours and backgrounds · Couleurs et arrière-plans
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Cette page nécessite un navigateur récent (avec support SharedArrayBuffer). Veuillez mettre à jour Chrome, Edge, Firefox ou Safari vers la dernière version.
English
Colours
- You can name a colour:
red,blue,green,tomato,gold, and many more. - Or use a hex code like
#2a7ae2— a#followed by six letters/numbers. - Names are easy to remember; hex codes give you millions of exact colours.
Français
Couleurs
- Vous pouvez nommer une couleur :
red,blue,green,tomato,gold, et bien plus encore. - Ou utilisez un code hexadécimal comme
#2a7ae2— un#suivi de six lettres/chiffres. - Les noms sont faciles à retenir ; les codes hexadécimaux offrent des millions de couleurs exactes.
English
Backgrounds
colorchanges the text colour.background-colorchanges the colour behind an element.- Put
background-coloronbodyto colour the whole page.
Français
Arrières-plans
colorchange la couleur du texte.background-colorchange la couleur derrière un élément.- Mettez
background-colorsurbodypour colorier toute la page.
<style>
body { background-color: #f3f4f6; }
h1 { color: tomato; }
</style>
<h1>Hello!</h1>
<p>A page with a soft grey background.</p>
English
Common mistakes
colorsets the text;background-colorsets the background.- A colour is a name, a
#rrggbbcode, orrgb(...).
Français
Erreurs courantes
colordéfinit le texte ;background-colordéfinit l'arrière-plan.- Une couleur est un nom, un code
#rrggbb, ourgb(...).
English
Now you try
coloris the text;background-coloris behind it.- Colour the page background, then use a hex colour on the heading.
Français
À vous maintenant
colorest le texte ;background-colorest derrière.- Coloriez l'arrière-plan de la page, puis utilisez une couleur hexadécimale sur le titre.
Give the whole page a soft background. Add body { background-color: lightyellow; }. · Donnez à toute la page un arrière-plan doux. Ajoutez body { background-color: lightyellow; }.
Colour the heading with a hex code. Add h1 { color: #2a7ae2; } (that's a blue). · Colorisez le titre avec un code hexadécimal. Ajoutez h1 { color: #2a7ae2; } (c'est du bleu).