Couleurs en HTML

Une couleur en HTML est représentée par une chaine de caractères de sept caractères dont le premier est '#' ; les six autres, groupés 2 par 2 forment 3 entiers en hexadécimal (base 16). Le premier entier est la quantité de rouge ; le deuxième la quantité de vert et le troisième est la quantité de bleu. Ces trois valeurs hexadécimales sont comprises entre "00" et "FF".

Exemples

Voici quelques couleurs en HTML :

  • "#C0392B" une sorte de brun rouge,
  • "#00FF00" du vert uniquement,
  • "#000000" du noir.

Une autre façon de représenter une couleur est par un triplet \((r, v, b)\) de valeurs décimales comprises entre \(0\) et \(255\) : \(r\) est la quantité de rouge, \(v\) la quantité de vert et \(b\) la quantité de bleu.

On souhaite écrire une fonction html_vers_rvb qui prend une chaine de caractères représentant une couleur HTML en paramètre et qui renvoie le triplet de décimaux \((r, v, b)\) représentant la même couleur.

On rappelle les valeurs décimales des 16 chiffres hexadécimaux sont : "0" vaut \(0\), jusqu'à "9" qui vaut \(9\), puis "A" vaut \(10\), "B" vaut \(11\) ainsi de suite jusqu'à 'F' qui vaut \(15\).

Pour calculer la valeur décimale d'un nombre hexadécimal de deux chiffres \((ab)_{16}\), on fera le produit de la valeur décimale du chiffre des seizaines \(a\) par \(16\) plus la valeur décimale du chiffre des unités \(b\).

Indications

  • Le nombre hexadécimal "B5" vaut \(11\times 16 + 5\) soit \(181\) en décimal.

  • "00" vaut \(0\times 16 + 0\) soit \(0\).

  • En prenant couleur = "#F307D6", couleur[1] renvoie 'F'.

Il est demandé de :

  1. compléter le dictionnaire HEX_DEC qui donne les valeurs décimales des chiffres hexadécimaux ;

  2. écrire la fonction hex_int qui prend deux chaines d'un caractère a et b en paramètres (de sorte que \((ab)_{16}\) est un entier en hexadécimal) et renvoie la valeur décimale associée ;

Exemples
🐍 Console Python
>>> hex_int('B', '5')
181
>>> hex_int('0', '0')
0
###(Dés-)Active le code après la ligne # Tests (insensible à la casse)
(Ctrl+I)
Entrer ou sortir du mode "deux colonnes"
(Alt+: ; Ctrl pour inverser les colonnes)
Entrer ou sortir du mode "plein écran"
(Esc)
Tronquer ou non le feedback dans les terminaux (sortie standard & stacktrace / relancer le code pour appliquer)
Si activé, le texte copié dans le terminal est joint sur une seule ligne avant d'être copié dans le presse-papier
Évaluations restantes : 10/10
.1280139_*C 1e5s,/l8z:ynbxX]60gDuiHokt(2+ch[d7}a3mP4EfvpwS{F)AB=r050M0h0F0P0B0m0j0f0J0m0P0j0j0)010F0B0X010406050j0A0R0R0P0*0q040Z0D0m0A0~0D0r050l1517191b130X041k1r051u0l1u1w1r130M0B0W0?0^0`0|0K0B0y0K0m1K0K0F11050.0s0m0h1F0_0{011J1L1N1L0F1T1V1R0F0s0D0M1b1S0*1s0F0K0?1e0j0X0P0r0|0H011X1H010V0:0h0r0P0R0h1R1|1~231Z261V292b110a0f0S0*0D0X0D0j0B1h0r0f0,1`0*0*0h0J2w1k2e0r1s0l1^2J0F1?1=1@0M2g0|1N0r282t1R1C1E0@1Y2T0B2V0r1/1D1R0X2C1s2H2J2;141}2x2#242*0*180m110f0g2G2^122@2f2`1Z2|2~300H331~352H2S013a0P2 040f0Q3e2I133h380|3k3m0f0T3q3g2^3i3w300i3A3s3C3u3j0D2}3l300w3H362_1G393M3b3n0N3R3t3U3v3W3O3n0n3!3J3$3L3N3x0b3,373.3E040g0x3?3T2$3/3X0g321l343I3@3 3_0g3d443f463~2{3(3m0g3p4c3r3S3D4h110g3z4l3B474g3:4q3G4t4e4o4x3`3Q4A4n3K493Z4G3#484p3`3+4L3-4N4D0g3=4R4v3V4D0H3|4X4f4Z3X0H432;4B4I4O0H4b2?1x2/1k2Z2M0M2Q3i0J1/2c1s4`1v4^4?2?4 0,2:4S2{110C0U0u0c0z0U0e3A0f4H3.0D110)5l5n3 10040!3H0f5z5m4M240j2104010x013A5t245v0p5s5C1Z0R0B114$2?5Q0|5v0k5y5A5L1Z5E11010g5J4t5%5Y115O4t5B5b5R5T3`5K5X015Z5#5z5/015)5G215|5^5:045=2;5@4Y0|5S114=34625 4A5A6d4(0|64010Q5-5W685~5;5P6w6g044k6v6e6x045!6m5$5}6r0T6u6j5}5N6z6F6B4s6E6p6G6I4-6n626r0i6O3f6k6y5?626B4z6W3i6l6!6K6w6r0w6)2I6+6a6S6X6B4F6;3K6?456#6L5F010N6|5a6F6R6-5}6B4K743.764d786_7a0n7d6~6b346o3i6B4Q7l5u116Z776^6F6r0b7t6Q6,6c6.5`4W7B5M7D607x3K6r0%7K6w7g7N7i5`3{677f7T6J61795*0(7Z7+6 7h6A7(4,6P7!7,6@7.7q5*0e7=6X7#7w7O4q6i6*7L6H7U6$7a0z846=7M877%4q6D7|7?7E7o7G6X6r0U8i758k3f7V3.6B4r7*857~7F807H7a0#8x7m8z2I8B3 8D6:8p8G8d4%8j040O3H064.3.0E110,0V8F3i0Y308.4I0V110K0h0t0c2(0F8=8O040G8 48110j0h0B0o0/2V937S8X7$6w0r110A0r2v0h9c1Z5v0$7v8s8J6X8*042C0F0A0*1j7^6F9h045e5g5i5k5.8c0L9n3v9597992(9m9K7}040v703i5p040d9Y3K8D738l6w9!0I9%3^5d5f5h5j9N6G9M9U9D9i9k0F9T7R9o119X4G0l580h2J2.a84_1D4{2M2O2K1.1:2M0P1Uab0l4`13ao0-0/0;04.
  1. écrire la fonction html_vers_rvb en vous servant de la fonction précédente.
Exemples
🐍 Console Python
>>> html_vers_rvb("#C0392B")
(192, 57, 43)
>>> html_vers_rvb("#00FF00")
(0, 255, 0)
>>> html_vers_rvb("#000000")
(0, 0, 0)
###(Dés-)Active le code après la ligne # Tests (insensible à la casse)
(Ctrl+I)
Entrer ou sortir du mode "deux colonnes"
(Alt+: ; Ctrl pour inverser les colonnes)
Entrer ou sortir du mode "plein écran"
(Esc)
Tronquer ou non le feedback dans les terminaux (sortie standard & stacktrace / relancer le code pour appliquer)
Si activé, le texte copié dans le terminal est joint sur une seule ligne avant d'être copié dans le presse-papier
Évaluations restantes : 10/10
.128013_ 1e5s,/l:ynbx]6guiokt(2ch[da3mP4fvpwS)=r050C0e0w0D0t0j0g0c0z0j0D0g0g0O010w0t0K010406050g0s0F0F0D0P0l040M0u0j0s0*0u0m050i0;0?0^0`0/0K04131a051d0i1d1f1a0/0C0t0J0Y0!0$0(0A0t0r0A0j1t0A0w0-050T0n0j0e1o0#0%011s1u1w1u0w1C1E1A0w0n0u0C0`1B0P1b0w0A0Y0}0g0K0D0m0(0y011G1q010I0V0e0m0D0F0e1A1(1*1/1I1=1E1^1`0-0a0c0G0P0u0K0u0g0t100m0c0R1$0P0P0e0z2f131}0m1b0i1!2s0w1Y1X1Z0C1 0(1w0m1@2c1A1l1n0Z1H2C0t2E0m1U1m1A0K2l1b2q2s2W0:1)2g2K1:2P0P0@0j0-0d2p2!0.2Z1~2$1I2(2*0-0y2.1*2:2q2B012^0D2+040E2|2r0/2 2?0(32340H372~2!303d0-0f3g393i3b310u2)330-0q3g1c2U132I2v0C2z300z1U1{1b3B1e3z2Y142/053G0R2V3p1p1I0v0-0R0I3x3a3V0(0L0-0c3#3U2L310I0-1y0F0j0b0J0e0P0g0b0P0J0n3,2=3%010,040x412#430m3;0w3?4830450N0k3n0c4l3+3$3.3X042l0w0s0P123O2}4n3-1:45474x384m4G4z423.4b040A0e0o0b2N0w4f3q4C4T4a4c4e4E3T4J4B0-0B4W3.0F0t2,4*4%040p0h3g4I494K4Y0j4/1I454)4!2;4_1:4,2`4}0(450p0N4?4!064H4m523j3;4O4Q0m4S514o4:4D2Y5p2@4{57444(5w55355w595c2W4^5i4M4d4|5o4A4~5y5L4$1I5A3f5P535N4;5b4k5f5G3q4L4N4P4R5C0-5r3P5t3c5v5U4g5O5s5M0(5A3m5=4U0-4=4@5h5$5;5^5Q585@5.5_015A3w5}43595Y5d4G626f0-0N3n133R0e2s2T6r3A1m3C2v2x2t1T1V2v0D1D6u0i3B0/6H0S0U0W04.