CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 4 · Application directe du cours

Conversions de couleurs

Couleurs, unités et typographie · niveau 1 (application)

Énoncé

Écrire l'ocre #e07a1f avec rgb().
Que valent #fff, #000 et #f00 ? Peut-on abréger #1f3a68 ?
Écrire en hexadécimal le bleu nuit à 80 % d'opacité, puis avec rgb().
Quelle teinte (en degrés) a une couleur hsl(120deg 100% 25%) ? Est-elle claire ou foncée ?

Corrigé

$e0_{16} = 14 \times 16 = 224$ , $7a_{16} = 7 \times 16 + 10 = 122$ , $1f_{16} = 31$ : rgb(224 122 31).
#fff = #ffffff, blanc ; #000, noir ; #f00, #ff0000, rouge pur. #1f3a68 ne s'abrège pas : il faudrait que chaque octet ait deux chiffres égaux.
$80 % \times 255 = 204 = cc_{16}$ : #1f3a68cc, ou rgb(31 58 104 / 80%).
Teinte $12 0^{\circ}$ : vert. Luminosité 25 % : un vert foncé (c'est rgb(0, 128, 0), le mot-clé green).

Vérification dans Chromium (ex1-conversions.html) : #e07a1f et rgb(224 122 31) donnent rgb(224, 122, 31) ; #1f3a68cc et rgb(31 58 104 / 80%) donnent rgba(31, 58, 104, 0.8).

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →