color - Exercices

Couleur 1.

Attribuer au bloc de citation une couleur de fond orange, une couleur de bordure marron et une couleur de texte vert foncé.

<!DOCTYPE html>
<html lang="fr">

    <head>
        <meta charset="utf-8">
        <title> bordures </title>
        <style>
            /* le style ici ! */
        </style>
    </head>
    
    <body>
         <blockquote cite="https://fr.wikipedia.org/wiki/Web_Hypertext_Application_Technology_Working_Group">
         Le Web Hypertext Application Technology Working Group2 (ou WHATWG) est une collaboration non officielle
         des différents développeurs de navigateurs web ayant pour but le développement de nouvelles technologies
         destinées à faciliter l'écriture et le déploiement d'applications à travers le Web. La liste de diffusion
         du groupe de travail est publique et ouverte à tous. 
         La Mozilla Foundation, Opera Software et Apple en sont les premiers contributeurs. 
         </blockquote>
    </body>
</html>

<!DOCTYPE html>
<html lang="fr">

    <head>
        <meta charset="utf-8">
        <title> bordures </title>
        <style>
             
            blockquote{
                background-color: orange;
                border-color: brown; border-width: 6px; border-style: ridge;
                color: rgb(0,100,0); 
                padding: 1em;                
              }
        </style>
    </head>
    
    <body>
         <blockquote cite="https://fr.wikipedia.org/wiki/Web_Hypertext_Application_Technology_Working_Group">
         Le Web Hypertext Application Technology Working Group2 (ou WHATWG) est une collaboration non officielle
         des différents développeurs de navigateurs web ayant pour but le développement de nouvelles technologies
         destinées à faciliter l'écriture et le déploiement d'applications à travers le Web. La liste de diffusion
         du groupe de travail est publique et ouverte à tous. 
         La Mozilla Foundation, Opera Software et Apple en sont les premiers contributeurs. 
         </blockquote>
    </body>
</html>

Couleur 2.

Donner le code hexadécimal du code couleur rgb(92, 164, 211).
Donner le code rgb du code couleur hexadécimal #ca9107.

De rgb vers hexa

On pose la division de 92 par 16. On obtient : \[ 92 = 5\times 16 +12\] D'où les deux premiers chiffres en hexa : 5c.

On pose la division de 164 par 16. On obtient : \[ 164 = 10\times 16 +4\] D'où les deux chiffres du milieu en hexa : a4.

On pose la division de 211 par 16. On obtient : \[ 211 = 13\times 16 +3\] D'où les deux derniers chiffres en hexa : d3.

Le code en hexadécimal : #5ca4d3.

De hexa vers rgb

ca : \( c \times 16 +a = 12\times 16 + 10 = 195 \). La composante rouge vaut 195.

91 : \( 9\times 16 + 1 = 145\). La composante verte vaut 145.

07 : \( 0\times 16 + 7 = 7 \). La composante bleue vaut 7.

Le code rgb : rgb(195,145,7).