CSS - Couleurs
CSS utilise des valeurs de couleur pour spécifier une couleur. En règle générale, ils sont utilisés pour définir une couleur soit pour le premier plan d'un élément (c'est-à-dire son texte), soit pour l'arrière-plan de l'élément. Ils peuvent également être utilisés pour modifier la couleur des bordures et d'autres effets décoratifs.
Vous pouvez spécifier vos valeurs de couleur dans différents formats. Le tableau suivant répertorie tous les formats possibles -
Format | Syntaxe | Exemple |
---|---|---|
Code hexadécimal | #RRGGBB | p {couleur: # FF0000;} |
Code hexadécimal court | #RGB | p {couleur: # 6A7;} |
RVB% | rgb (rrr%, ggg%, bbb%) | p {couleur: rgb (50%, 50%, 50%);} |
RVB absolu | rgb (rrr, ggg, bbb) | p {couleur: rgb (0,0,255);} |
mot-clé | aqua, noir, etc. | p {couleur: sarcelle;} |
Ces formats sont expliqués plus en détail dans les sections suivantes -
Couleurs CSS - Codes hexadécimaux
Un hexadécimal est une représentation à 6 chiffres d'une couleur. Les deux premiers chiffres (RR) représentent une valeur rouge, les deux suivants sont une valeur verte (GG) et les derniers sont la valeur bleue (BB).
Une valeur hexadécimale peut être prise à partir de n'importe quel logiciel graphique comme Adobe Photoshop, Jasc Paintshop Pro ou même en utilisant Advanced Paint Brush.
Chaque code hexadécimal sera précédé d'un signe dièse ou dièse '#'. Voici les exemples d'utilisation de la notation hexadécimale.
Couleur | Couleur HEX |
---|---|
# 000000 | |
# FF0000 | |
# 00FF00 | |
# 0000FF | |
# FFFF00 | |
# 00FFFF | |
# FF00FF | |
# C0C0C0 | |
#FFFFFF |
Couleurs CSS - Codes hexadécimaux courts
Il s'agit d'une forme plus courte de la notation à six chiffres. Dans ce format, chaque chiffre est répliqué pour arriver à une valeur équivalente à six chiffres. Par exemple: # 6A7 devient # 66AA77.
Une valeur hexadécimale peut être prise à partir de n'importe quel logiciel graphique comme Adobe Photoshop, Jasc Paintshop Pro ou même en utilisant Advanced Paint Brush.
Chaque code hexadécimal sera précédé d'un signe dièse ou dièse '#'. Voici les exemples d'utilisation de la notation hexadécimale.
Couleur | Couleur HEX |
---|---|
# 000 | |
# F00 | |
# 0F0 | |
# 0FF | |
# FF0 | |
# 0FF | |
# F0F | |
#FFF |
Couleurs CSS - Valeurs RVB
Cette valeur de couleur est spécifiée à l'aide du rgb( )propriété. Cette propriété prend trois valeurs, une pour le rouge, le vert et le bleu. La valeur peut être un entier compris entre 0 et 255 ou un pourcentage.
NOTE - Tous les navigateurs ne supportent pas la propriété rgb () de la couleur, il est donc recommandé de ne pas l'utiliser.
Voici l'exemple pour afficher quelques couleurs en utilisant des valeurs RVB.
Couleur | Couleur RVB |
---|---|
rgb (0,0,0) | |
RVB (255,0,0) | |
rgb (0,255,0) | |
rgb (0,0,255) | |
RVB (255,255,0) | |
RVB (0,255,255) | |
RVB (255,0,255) | |
RVB (192.192.192) | |
RVB (255,255,255) |
Codes de couleur du bâtiment
Vous pouvez créer des millions de codes couleur à l'aide de notre générateur de code couleur. Consultez notreHTML Color Code Builder. Pour utiliser cet outil, vous aurez besoin d'un navigateur compatible Java.
Couleurs compatibles avec le navigateur
Voici la liste des 216 couleurs qui sont censées être les couleurs les plus sûres et indépendantes de l'ordinateur. Ces couleurs varient du code hexa 000000 au FFFFFF. Ces couleurs sont sûres à utiliser car elles garantissent que tous les ordinateurs afficheraient correctement les couleurs lors de l'exécution d'une palette de 256 couleurs -
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | Restaurer | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |