216 Colours in Hexadecimal Code / 216 couleurs en code hexadécimalHistorical notesOnce upon a time (after black & white monitors), most computer monitors could only display 256 colours (and only 216 of these were common on both Macs and PCs). Today, over 16 million colours can be displayed by using all possible combinations of the 16 hexadecimal symbols (see below). In "American English", colour is spelled "color"; in most of the rest of the world it is spelled "colour". Notes historiques Il était une fois, une époque où (après les écrans noir et blanc) les écrans d'ordinateurs ne pouvaient afficher que 256 couleurs, dont seulement 216 étaient les mêmes sur Mac et PC. Aujourd'hui, un écran peut afficher au-delà de 16 millons de couleurs en utilisant tous les 16 symboles du code hexadécimal (voir ci-dessous). Aux États-Unis, le mot couleur s'écrit "color" alors que dans le reste du monde, on écrit "colour". Available hexadecimal symbols (hexadecimal = 16 symbols or values, including zero) / Symboles disponibles en code hexadécimal (hexadécimal = 16 symboles ou valeurs, incluant zéro) 0 1 2 3 4 5 6 7 8 9 A B C D E F 0 = minimum (dark / foncé); F = maximum (bright / lumineux) These are not really numbers and letters, they act as symbols. Il ne s'agit pas de chiffres et de lettres, ils agissent comme des symboles. Using the hexadecimal system and two digits for each the three primary colors (Red, Green and Blue) allows identifying 16+ million colors. En codage hexadécimal et en utilisant deux symboles pour chaque couleur primaire (Rouge, Vert et Bleu), on peut identifier 16+ millions de couleurs. Format: RRGGBB; RR= Red | GG = Green | BB = Blue RRGGBB; RR= Rouge; GG = Vert; BB = Bleu Examples of values / Exemples de valeurs: 00 = 0%; 33 = 20%; 66 = 40%; 80 = 50%; 99 = 60%; CC = 80%; FF = 100% Using the hexadecimal system, a colour is usually identified like this / En codage hexadécimal, une couleur est habituellement identifiée comme ceci. { color: #3366FF; } or, in this specific case, trimmed to / ou, dans ce particulier, condensé à { color: #36F; } For a very specific color, each digit can be different / Pour une couleur très spécifique, chaque symbol peur être différent. { color: #5AD3AF; } The W3C standard also allows using percentages to identify colours / Le standard W3C autorise les pourcentages : { color: rgb(20%, 40%, 100%); } The W3C standard also allows using numbers from 0 to 255 for each of the three primary colours (256 values) / Le standard W3C autorise aussi des chiffres de 0 à 255 pour chaque couleur primaire (256 valeurs) : { color: rgb(51, 102, 255); } The W3C standard also allows a variant of the two systems above, called RGBA. This adds transparency. / Le standard W3C autorise aussi une variante des deux systèmes ci-dessus, appelé RGBA. Alpha 0.0 = fully transparent, alpha 1.0 = opaque | Alpha 0.0 = transparent , alpha 1.0 = opaque. { color: rgba(20%, 40%, 100%, 1.0); } { color: rgba(51, 102, 255, 0.5); } A limited number of named colours are also available. 140 names exist, below is a basic list. / Un nombre limité de couleurs portant un nom sont disponibles. Il y en 140, ci-dessous une liste de base. aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. { color: aqua; } Information: W3C Wiki: CSS/Properties/color The colour of the background behind the text above is #CCCCCC; it should appear gray with no colour tinge. / La couleur de l'arrière-plan du texte ci-dessus est #CCCCCC; il devrait être gris sans teinte de couleur. |
| Grayscale (in RGB values) / Tons de gris (en valeurs RGB) | |||||
| #000000 | #111111 | #222222 | #333333 | #444444 | #555555 |
| #666666 | #777777 | #888888 | #999999 | #AAAAAA | #BBBBBB |
| #CCCCCC | #DDDDDD | #EEEEEE | #FFFFFF | ||
| Named Colours in Aphabetical Order / Noms de couleurs en ordre alphabétique | |||||
| aqua, cyan (#00FFFF) | black (#000000) | blue (#0000FF) | fuchsia, magenta (#FF00FF) | gray (#808080) | green (#008000) |
| lime (#00FF00) | maroon (#800000) | navy (#000080) | olive (#808000) | purple (#800080) | red (#FF0000) |
| silver (#C0C0C0) | teal (#008080) | white (#FFFFFF) | yellow (#FFFF00) | ||
| 216 Colours on White Background / 216 Couleurs sur fond blanc | |||||
| See these colors applied to text / Voir ces couleurs sur un texte | |||||
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 1: 00 Red / Rouge | ↓ More Blue / Plus de bleu | → More Green / Plus de vert | |||||
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 2: 33 Red/ Rouge | ↓ More Blue/ Plus de bleu | → More Green / Plus de vert | |||||
| #330000 | #333300 | #336600 | #339900 | #33CC00 | #33FF00 |
| #330033 | #333333 | #336633 | #339933 | #33CC33 | #33FF33 |
| #330066 | #333366 | #336666 | #339966 | #33CC66 | #33FF66 |
| #330099 | #333399 | #336699 | #339999 | #33CC99 | #33FF99 |
| #3300CC | #3333CC | #3366CC | #3399CC | #33CCCC | #33FFCC |
| #3300FF | #3333FF | #3366FF | #3399FF | #33CCFF | #33FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 3: 66 Red / Rouge | ↓ More Blue / Plus de bleu | → More Green / Plus de vert | |||||
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FF33 |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 4: 99 Red / rouge | ↓ More Blue / Plus de bleu | → More Green / Plus de vert | |||||
| #990000 | #993300 | #996600 | #999900 | #99CC00 | #99FF00 |
| #990033 | #993333 | #996633 | #999933 | #99CC33 | #99FF33 |
| #990066 | #993366 | #996666 | #999966 | #99CC66 | #99FF66 |
| #990099 | #993399 | #996699 | #999999 | #99CC99 | #99FF99 |
| #9900CC | #9933CC | #9966CC | #9999CC | #99CCCC | #99FFCC |
| #9900FF | #9933FF | #9966FF | #9999FF | #99CCFF | #99FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 5: CC Red / rouge | ↓ More Blue / Plus de bleu | → More Green / Plus de vert | |||||
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 6: FF Red / Rouge | ↓ More Blue / Plus de bleu | → More Green / Plus de vert | |||||
| #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 |
| #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 |
| #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 |
| #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 |
| #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC |
| #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF |
| 216 Colours For Texts on White Background / 216 Couleurs pour textes sur fond blanc | |||||
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 1 | |||||
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 2 | |||||
| #330000 | #333300 | #336600 | #339900 | #33CC00 | #33FF00 |
| #330033 | #333333 | #336633 | #339933 | #33CC33 | #33FF33 |
| #330066 | #333366 | #336666 | #339966 | #33CC66 | #33FF66 |
| #330099 | #333399 | #336699 | #339999 | #33CC99 | #33FF99 |
| #3300CC | #3333CC | #3366CC | #3399CC | #33CCCC | #33FFCC |
| #3300FF | #3333FF | #3366FF | #3399FF | #33CCFF | #33FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 3 | |||||
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FF33 |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 4 | |||||
| #990000 | #993300 | #996600 | #999900 | #99CC00 | #99FF00 |
| #990033 | #993333 | #996633 | #999933 | #99CC33 | #99FF33 |
| #990066 | #993366 | #996666 | #999966 | #99CC66 | #99FF66 |
| #990099 | #993399 | #996699 | #999999 | #99CC99 | #99FF99 |
| #9900CC | #9933CC | #9966CC | #9999CC | #99CCCC | #99FFCC |
| #9900FF | #9933FF | #9966FF | #9999FF | #99CCFF | #99FFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 5 | |||||
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF |
| See these colors on a black background / Voir ces couleurs sur un fond noir Section 6 | |||||
| #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 |
| #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 |
| #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 |
| #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 |
| #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC |
| #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF |
| 216 Colours Over Black Background / 216 couleurs sur fond noir | |||||
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 1 | |||||
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 2 | |||||
| #330000 | #333300 | #336600 | #339900 | #33CC00 | #33FF00 |
| #330033 | #333333 | #336633 | #339933 | #33CC33 | #33FF33 |
| #330066 | #333366 | #336666 | #339966 | #33CC66 | #33FF66 |
| #330099 | #333399 | #336699 | #339999 | #33CC99 | #33FF99 |
| #3300CC | #3333CC | #3366CC | #3399CC | #33CCCC | #33FFCC |
| #3300FF | #3333FF | #3366FF | #3399FF | #33CCFF | #33FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 3 | |||||
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FFCC |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 4 | |||||
| #990000 | #993300 | #996600 | #999900 | #99CC00 | #99FF00 |
| #990033 | #993333 | #996633 | #999933 | #99CC33 | #99FF33 |
| #990066 | #993366 | #996666 | #999966 | #99CC66 | #99FF66 |
| #990099 | #993399 | #996699 | #999999 | #99CC99 | #99FF99 |
| #9900CC | #9933CC | #9966CC | #9999CC | #99CCCC | #99FFCC |
| #9900FF | #9933FF | #9966FF | #9999FF | #99CCFF | #99FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 5 | |||||
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 6 | |||||
| #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 |
| #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 |
| #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 |
| #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 |
| #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC |
| #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF |
| 216 Colours For Texts on Black Background / 216 Couleurs pour textes sur fond noir | |||||
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 1 | |||||
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 2 | |||||
| #330000 | #333300 | #336600 | #339900 | #33CC00 | #33FF00 |
| #330033 | #333333 | #336633 | #339933 | #33CC33 | #33FF33 |
| #330066 | #333366 | #336666 | #339966 | #33CC66 | #33FF66 |
| #330099 | #333399 | #336699 | #339999 | #33CC99 | #33FF99 |
| #3300CC | #3333CC | #3366CC | #3399CC | #33CCCC | #33FFCC |
| #3300FF | #3333FF | #3366FF | #3399FF | #33CCFF | #33FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 3 | |||||
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FF33 |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 4 | |||||
| #990000 | #993300 | #996600 | #999900 | #99CC00 | #99FF00 |
| #990033 | #993333 | #996633 | #999933 | #99CC33 | #99FF33 |
| #990066 | #993366 | #996666 | #999966 | #99CC66 | #99FF66 |
| #990099 | #993399 | #996699 | #999999 | #99CC99 | #99FF99 |
| #9900CC | #9933CC | #9966CC | #9999CC | #99CCCC | #99FFCC |
| #9900FF | #9933FF | #9966FF | #9999FF | #99CCFF | #99FFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 5 | |||||
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF |
| See these colors on a white background / Voir ces couleurs sur un fond blanc Section 6 | |||||
| #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 |
| #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 |
| #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 |
| #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 |
| #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC |
| #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF |
| Top of the page / Haut de la page | |||||
|
This page was created by: / Cette page est une création de :
Jean Berthélémé Created / Création : 2005-02-09 Updated / Mise-à-jour : 2010-01-17, 2014-02-03, 2021-08-02, 2021-09-18 |
|||||