Code RVB gris. Codes de couleurs dans Minecraft. Spécification de la couleur avec RVB
Lire aussi
Cette page contient un tableau avec des mots-clés qui peuvent être utilisés pour désigner des couleurs dans des langages de développement Web tels que : HTML, CSS, JavaScript, Flash, etc.
Dans l'ancienne spécification WC3, seuls 16 mots clés étaient utilisés pour définir les couleurs en HTML et CSS. Dans des spécifications ultérieures plus modernes, 130 autres mots-clés ont été ajoutés pour désigner les noms de couleurs. Le tableau suivant contient les noms de couleurs, les codes hexadécimaux et RVB auxquels elles correspondent.
Selon les règles CSS, les noms de couleurs ne sont pas sensibles à la casse. Les entrées de couleur IndianRed et indianred sont équivalentes.
Il convient également de noter que sur les 146 mots clés du tableau, il contient en fait moins de couleurs. En effet, certains mots-clés font référence à la même couleur. Ainsi, les noms Gray et Gray représentent 50 % de gris avec le code #808080 , tandis que le mot Magenta est un synonyme HTML de la couleur Fuchsia, correspondant au code hexadécimal #FF00FF . Les mots Aqua et Cyan sont également synonymes, ils correspondent au code #00FFFF .
|
|
Codes Minecraft couleurs ou Minecraft codes formatage, permet à n'importe quel joueur d'ajouter des fleurs et de formater le texte de toutes les manières possibles directement dans Minecraft. Codes couleurs de &0-9 à &a-f. Ajoutez-les avant votre texte. Les messages des joueurs peuvent contenir des codes de couleur qui vous permettent d'ajouter de la couleur à vos phrases.
Couleurs et codes de mise en forme
Une esperluette (&) suivie d'un nombre hexadécimal dans les messages signale au client de changer de couleur lors de l'affichage du texte. De plus, le texte peut être formaté avec le symbole & suivi d'une lettre. Vous pouvez ajouter différentes couleurs aux livres, aux blocs de commandes, au nom du serveur, à la description du serveur ( mot), au nom des mondes, en tablettes, et même en des noms joueurs.
Il est très facile de mettre en forme votre texte dans les configs ou dans le jeu en utilisant le nuancier ci-dessous. &r est utilisé pour effacer tous les codes, c'est-à-dire &mAAA&rBBB sera affiché comme AAA BBB.
Tableau des codes couleurs
Le code | Nom | Nom technique | Couleur du symbole | Couleur de l'ombre du symbole | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | g | B | hexagone | R | g | B | hexagone | |||
&0 | Noir | noir | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Bleu foncé | bleu foncé | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | vert foncé | vert foncé | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Bleu-vert foncé | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Rouge foncé | rouge foncé | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Violet foncé | violet_foncé | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Or | or | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Gris | grise | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Gris foncé | gris foncé | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Bleu | bleu | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&un | Vert | vert | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | bleu vert | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | Rouge | rouge | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&ré | Violet clair | violet clair | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Jaune | jaune | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&F | Blanc | blanche | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Formater le tableau des codes
Parfois c'est nécessaire souligner, souligner, souligner Du texte. Pour cela, la mise en forme du texte est utilisée. Il s'utilise de la même manière que les couleurs (avant le texte on met le code, par exemple &lMinecraft= Minecraft.
Le code | Nom |
---|---|
&k | texte magique (&kTexte) |
&l | La vignette (&lTexte) |
&m | Texte barré (&mTexte) |
& n | Texte souligné (&uTexte) |
&o | Texte en italique (&je Texte) |
&r | Texte sans mise en forme (&rTexte) |
Les codes de couleur en CSS sont utilisés pour spécifier les couleurs. En règle générale, les codes de couleur ou les valeurs de couleur sont utilisés pour définir une couleur pour le premier plan d'un élément (par exemple, texte, couleur de lien) ou l'arrière-plan d'un élément (arrière-plan, couleur de bloc). Ils peuvent également être utilisés pour modifier la couleur des boutons, les bordures, le marqueur, le survol et d'autres effets décoratifs.
Vous pouvez définir vos valeurs de couleur dans différents formats. Le tableau suivant répertorie tous les formats possibles :
Ces formats sont décrits plus en détail ci-dessous.
Couleurs CSS - Codes hexadécimaux
Code couleur hexadécimal est une représentation de couleur à six chiffres. Les deux premiers chiffres (RR) sont la valeur rouge, les deux suivants sont la valeur verte (GG) et les deux derniers sont la valeur bleue (BB).
Couleurs CSS - Codes hexadécimaux courts
Code couleur hexadécimal court est une forme plus courte de notation à six caractères. Dans ce format, chaque chiffre est répété pour produire la valeur de couleur équivalente à six chiffres. Par exemple : #0F0 devient #00FF00.
La valeur hexadécimale peut être extraite de n'importe quel logiciel graphique tel qu'Adobe Photoshop, Core Draw, etc.
Chaque code couleur hexadécimal en CSS sera précédé d'un signe dièse "#". Voici des exemples d'utilisation de la notation hexadécimale.
Couleurs CSS - Valeurs RVB
Valeur RVB est un code de couleur défini à l'aide de la propriété rgb(). Cette propriété prend trois valeurs : une pour le rouge, le vert et le bleu. La valeur peut être un nombre entier, compris entre 0 et 255, ou un pourcentage.
Note: Tous les navigateurs ne prennent pas en charge la propriété de couleur rgb(), il n'est donc pas recommandé de l'utiliser.
Vous trouverez ci-dessous un exemple montrant plusieurs couleurs utilisant des valeurs RVB.
Générateur de code couleur
Vous pouvez créer des millions de codes de couleur avec notre service.
Couleurs sécurisées du navigateur
Vous trouverez ci-dessous un tableau de 216 couleurs qui sont les plus sécurisées et indépendantes de l'ordinateur. Ces couleurs en CSS vont de 000000 au code hexadécimal FFFFFF. Ils sont sûrs à utiliser car ils garantissent que tous les ordinateurs afficheront correctement les couleurs lorsqu'ils travaillent avec la palette de 256 couleurs.
Tableau des couleurs "sûres" en CSS | |||||
#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 | #CCCCCC | #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 |
Pour les pages html, les couleurs sont notées principalement dans le système hexadécimal. Pour cela, deux types d'enregistrement de code sont utilisés - complet ou abrégé. Afin d'indiquer correctement la couleur html avec un enregistrement complet, vous devez écrire six caractères (chiffres et/ou lettres anglaises) après le treillis, par exemple, le noir s'écrit comme ceci : #000000. Une notation abrégée pour spécifier les couleurs html se compose d'une grille et de trois chiffres et/ou lettres derrière elle. Dans le même temps, ce type de réserve ne peut être utilisé que si l'enregistrement complet de cette couleur est constitué des mêmes caractères après la grille. Par exemple, la même couleur noire peut être écrite comme ceci : #000. Vous pouvez spécifier des couleurs html avec des caractères grands et petits, car ils ne sont pas sensibles à la casse.
Chaque caractère écrit après "#" correspond à une certaine proportion de couleurs rouge, verte et bleue. À leur tour, tous les moniteurs sont constitués d'un grand nombre de pixels (points microscopiques), dont chacun comprend 3 soi-disant "lampes de poche" (sources lumineuses): rouge, vert et bleu. Ensuite, en ajustant l'intensité de la lumière émise par ces "lampes de poche", le moniteur affiche la couleur dont nous avons besoin.
En combinant l'intensité lumineuse rouge, bleue et verte (de 0 à 256), les moniteurs peuvent afficher 16 000 000 de couleurs différentes.
De plus, les couleurs des sites peuvent être spécifiées verbalement ou en code RVB.
À ce jour, verbalement, vous pouvez prescrire 147 couleurs. Il est important de savoir que certains noms différents peuvent faire référence aux mêmes couleurs, par exemple Gris et Gris sont gris (#808080).
Couleurs sûres pour les sites Web.
Tous les moniteurs et navigateurs ne peuvent pas afficher correctement les 16 millions de couleurs html.
Si, par exemple, une couleur apparaît que le navigateur ne peut pas afficher correctement, alors :
- Le navigateur le remplace par celui qui lui ressemble le plus et peut être reproduit avec succès ;
- Pour un affichage correct, le navigateur peut mélanger plusieurs couleurs et reproduire le résultat.
Pour vous assurer que la sortie dans n'importe quel navigateur et sur n'importe quel moniteur est la couleur que vous avez spécifiée dans le code, il est recommandé d'utiliser "Safe Colors". Ils n'ont pas été déterminés à la main ou à la volonté de quelqu'un, mais mathématiquement. Il existe 216 couleurs 100 % sûres pour les documents html. Et bien que les technologies actuelles aient atteint le point où les moniteurs et les navigateurs modernes reconnaissent des millions de nuances, nous vous recommandons d'utiliser ces couleurs sûres pour garantir la reproduction des couleurs.
Système de couleurs hexadécimal. | Codes couleurs en RVB (Rouge, Vert, Bleu). |
Code html couleur : #000000 | Couleur RVB : 0 0 0 |
Code html couleur : #333333 | Couleur RVB : 51 51 51 |
Code html couleur : #666666 | Couleur RVB : 102 102 102 |
Code html couleur : #999999 | Couleur RVB : 153 153 153 |
Code html couleur : #CCCCCC | Couleur RVB : 204 204 204 |
Code html couleur : #FFFFFF | Couleur RVB : 255 255 255 |
Code html couleur : #666600 | Couleur RVB : 102 102 0 |
Code html couleur : #999900 | Couleur RVB : 153 153 0 |
Code html couleur : #999933 | Couleur RVB : 153 153 51 |
Code html couleur : #999966 | Couleur RVB : 153 153 102 |
Code html couleur : #CCCC33 | Couleur RVB : 204 204 51 |
Code html couleur : #CCCC66 | Couleur RVB : 204 204 102 |
Code html couleur : #333300 | Couleur RVB : 51 51 0 |
Code html couleur : #666633 | Couleur RVB : 102 102 51 |
Code html couleur : #CCCC99 | Couleur RVB : 204 204 153 |
Code html couleur : #CCFF33 | Couleur RVB : 204 255 51 |
Code html couleur : #CCFF00 | Couleur RVB : 204 255 0 |
Code html couleur : #CCFF66 | Couleur RVB : 204 255 102 |
Code html couleur : #669900 | Couleur RVB : 102 153 0 |
Code html couleur : #99CC33 | Couleur RVB : 153 204 51 |
Code html couleur : #99CC00 | Couleur RVB : 153 204 0 |
Code html couleur : #99CC66 | Couleur RVB : 153 204 102 |
Code html couleur : #99FF33 | Couleur RVB : 153 255 51 |
Code html couleur : #99FF00 | Couleur RVB : 153 255 0 |
Code html couleur : #336600 | Couleur RVB : 51 102 0 |
Code html couleur : #669933 | Couleur RVB : 102 153 51 |
Code html couleur : #66CC33 | Couleur RVB : 102 204 51 |
Code html couleur : #66CC00 | Couleur RVB : 102 204 0 |
Code html couleur : #99FF66 | Couleur RVB : 153 255 102 |
Code html couleur : #CCFF99 | Couleur RVB : 204 255 153 |
Code html couleur : #009900 | Couleur RVB : 0 153 0 |
Code html couleur : #339900 | Couleur RVB : 51 153 0 |
Code html couleur : #33CC00 | Couleur RVB : 51 204 0 |
Code html couleur : #33FF00 | Couleur RVB : 51 255 0 |
Code html couleur : #66FF33 | Couleur RVB : 102 255 51 |
Code html couleur : #66FF00 | Couleur RVB : 102 255 0 |
Code html couleur : #00CC33 | Couleur RVB : 0 204 51 |
Code html couleur : #33CC33 | Couleur RVB : 51 204 51 |
Code html couleur : #00CC00 | Couleur RVB : 0 204 0 |
Code html couleur : #00FF00 | Couleur RVB : 0 255 0 |
Code html couleur : #00FF33 | Couleur RVB : 0 255 51 |
Code html couleur : #33FF33 | Couleur RVB : 51 255 51 |
Code html couleur : #003300 | Couleur RVB : 0 51 0 |
Code html couleur : #336633 | Couleur RVB : 51 102 51 |
Code html couleur : #669966 | Couleur RVB : 102 153 102 |
Code html couleur : #66CC66 | Couleur RVB : 102 204 102 |
Code html couleur : #99CC99 | Couleur RVB : 153 204 153 |
Code html couleur : #CCFFCC | Couleur RVB : 204 255 204 |
Code html couleur : #006600 | Couleur RVB : 0 102 0 |
Code html couleur : #339933 | Couleur RVB : 51 153 51 |
Code html couleur : #00FF66 | Couleur RVB : 0 255 102 |
Code html couleur : #33FF66 | Couleur RVB : 51 255 102 |
Code html couleur : #66FF66 | Couleur RVB : 102 255 102 |
Code html couleur : #99FF99 | Couleur RVB : 153 255 153 |
Code html couleur : #009933 | Couleur RVB : 0 153 51 |
Code html couleur : #00CC66 | Couleur RVB : 0 204 102 |
Code html couleur : #33CC66 | Couleur RVB : 51 204 102 |
Code html couleur : #00FF99 | Couleur RVB : 0 255 153 |
Code html couleur : #33FF99 | Couleur RVB : 51 255 153 |
Code html couleur : #66FF99 | Couleur RVB : 102 255 153 |
Code html couleur : #006633 | Couleur RVB : 0 102 51 |
Code html couleur : #009966 | Couleur RVB : 0 153 102 |
Code html couleur : #339966 | Couleur RVB : 51 153 102 |
Code html couleur : #00CC99 | Couleur RVB : 0 204 153 |
Code html couleur : #33CC99 | Couleur RVB : 51 204 153 |
Code html couleur : #66CC99 | Couleur RVB : 102 204 153 |
Code html couleur : #009999 | Couleur RVB : 0 153 153 |
Code html couleur : #33CCCC | Couleur RVB : 51 204 204 |
Code html couleur : #00FFCC | Couleur RVB : 0 255 204 |
Code html couleur : #33FFCC | Couleur RVB : 51 255 204 |
Code html couleur : #66FFCC | Couleur RVB : 102 255 204 |
Code html couleur : #99FFCC | Couleur RVB : 153 255 204 |
Code html couleur : #00CCCC | Couleur RVB : 0 204 204 |
Code html couleur : #00FFFF | Couleur RVB : 0 255 255 |
Code html couleur : #33FFFF | Couleur RVB : 51 255 255 |
Code html couleur : #66FFFF | Couleur RVB : 102 255 255 |
Code html couleur : #99FFFF | Couleur RVB : 153 255 255 |
Code html couleur : #CCFFFF | Couleur RVB : 204 255 255 |
Code html couleur : #336666 | Couleur RVB : 51 102 102 |
Code html couleur : #006666 | Couleur RVB : 0 102 102 |
Code html couleur : #669999 | Couleur RVB : 102 153 153 |
Code html couleur : #339999 | Couleur RVB : 51 153 153 |
Code html couleur : #66CCCC | Couleur RVB : 102 204 204 |
Code html couleur : #99CCCC | Couleur RVB : 153 204 204 |
Code html couleur : #003333 | Couleur RVB : 0 51 51 |
Code html couleur : #0099CC | Couleur RVB : 0 153 204 |
Code html couleur : #3399CC | Couleur RVB : 51 153 204 |
Code html couleur : #00CCFF | Couleur RVB : 0 204 255 |
Code html couleur : #33CCFF | Couleur RVB : 51 204 255 |
Code html couleur : #66CCFF | Couleur RVB : 102 204 255 |
Code html couleur : #006699 | Couleur RVB : 0 102 153 |
Code html couleur : #336699 | Couleur RVB : 51 102 153 |
Code html couleur : #6699CC | Couleur RVB : 102 153 204 |
Code html couleur : #0099FF | Couleur RVB : 0 153 255 |
Code html couleur : #3399FF | Couleur RVB : 51 153 255 |
Code html couleur : #99CCFF | Couleur RVB : 153 204 255 |
Code html couleur : #003366 | Couleur RVB : 0 51 102 |
Code html couleur : #003399 | Couleur RVB : 0 51 153 |
Code html couleur : #0033FF | Couleur RVB : 0 51 255 |
Code html couleur : #3366CC | Couleur RVB : 51 102 204 |
Code html couleur : #0066CC | Couleur RVB : 0 102 204 |
Code html couleur : #0066FF | Couleur RVB : 0 102 255 |
Code html couleur : #000033 | Couleur RVB : 0 0 51 |
Code html couleur : #0033CC | Couleur RVB : 0 51 204 |
Code html couleur : #0000CC | Couleur RVB : 0 0 204 |
Code html couleur : #0000FF | Couleur RVB : 0 0 255 |
Code html couleur : #3366FF | Couleur RVB : 51 102 255 |
Code html couleur : #6699FF | Couleur RVB : 102 153 255 |
Code html couleur : #000066 | Couleur RVB : 0 0 102 |
Code html couleur : #000099 | Couleur RVB : 0 0 153 |
Code html couleur : #3333CC | Couleur RVB : 51 51 204 |
Code html couleur : #3300CC | Couleur RVB : 51 0 204 |
Code html couleur : #3300FF | Couleur RVB : 51 0 255 |
Code html couleur : #3333FF | Couleur RVB : 51 51 255 |
Code html couleur : #333366 | Couleur RVB : 51 51 102 |
Code html couleur : #333399 | Couleur RVB : 51 51 153 |
Code html couleur : #666699 | Couleur RVB : 102 102 153 |
Code html couleur : #6666CC | Couleur RVB : 102 102 204 |
Code html couleur : #6666FF | Couleur RVB : 102 102 255 |
Code html couleur : #9999CC | Couleur RVB : 153 153 204 |
Code html couleur : #330066 | Couleur RVB : 51 0 102 |
Code html couleur : #330099 | Couleur RVB : 51 0 153 |
Code html couleur : #6600FF | Couleur RVB : 102 0 255 |
Code html couleur : #6633FF | Couleur RVB : 102 51 255 |
Code html couleur : #9999FF | Couleur RVB : 153 153 255 |
Code html couleur : #CCCCFF | Couleur RVB : 204 204 255 |
Code html couleur : #330033 | Couleur RVB : 51 0 51 |
Code html couleur : #663399 | Couleur RVB : 102 51 153 |
Code html couleur : #6633CC | Couleur RVB : 102 51 204 |
Code html couleur : #6600CC | Couleur RVB : 102 0 204 |
Code html couleur : #9966FF | Couleur RVB : 153 102 255 |
Code html couleur : #9966CC | Couleur RVB : 153 102 204 |
Code html couleur : #663366 | Couleur RVB : 102 51 102 |
Code html couleur : #660099 | Couleur RVB : 102 0 153 |
Code html couleur : #9900FF | Couleur RVB : 153 0 255 |
Code html couleur : #9933FF | Couleur RVB : 153 51 255 |
Code html couleur : #9933CC | Couleur RVB : 153 51 204 |
Code html couleur : #CC99FF | Couleur RVB : 204 153 255 |
Code html couleur : #660066 | Couleur RVB : 102 0 102 |
Code html couleur : #996699 | Couleur RVB : 153 102 153 |
Code html couleur : #9900CC | Couleur RVB : 153 0 204 |
Code html couleur : #CC00FF | Couleur RVB : 204 0 255 |
Code html couleur : #CC33FF | Couleur RVB : 204 51 255 |
Code html couleur : #CC66FF | Couleur RVB : 204 102 255 |
Code html couleur : #993399 | Couleur RVB : 153 51 153 |
Code html couleur : #990099 | Couleur RVB : 153 0 153 |
Code html couleur : #CC33CC | Couleur RVB : 204 51 204 |
Code html couleur : #CC00CC | Couleur RVB : 204 0 204 |
Code html couleur : #CC66CC | Couleur RVB : 204 102 204 |
Code html couleur : #CC99CC | Couleur RVB : 204 153 204 |
Code html couleur : #CC3399 | Couleur RVB : 204 51 153 |
Code html couleur : #FF00FF | Couleur RVB : 255 0 255 |
Code html couleur : #FF33FF | Couleur RVB : 255 51 255 |
Code html couleur : #FF66FF | Couleur RVB : 255 102 255 |
Code html couleur : #FF99FF | Couleur RVB : 255 153 255 |
Code html couleur : #FFCCFF | Couleur RVB : 255 204 255 |
Code html couleur : #990066 | Couleur RVB : 153 0 102 |
Code html couleur : #CC0099 | Couleur RVB : 204 0 153 |
Code html couleur : #CC6699 | Couleur RVB : 204 102 153 |
Code html couleur : #FF33CC | Couleur RVB : 255 51 204 |
Code html couleur : #FF00CC | Couleur RVB : 255 0 204 |
Code html couleur : #FF66CC | Couleur RVB : 255 102 204 |
Code html couleur : #660033 | Couleur RVB : 102 0 51 |
Code html couleur : #993366 | Couleur RVB : 153 51 102 |
Code html couleur : #CC0066 | Couleur RVB : 204 0 102 |
Code html couleur : #FF0099 | Couleur RVB : 255 0 153 |
Code html couleur : #FF3399 | Couleur RVB : 255 51 153 |
Code html couleur : #FF99CC | Couleur RVB : 255 153 204 |
Code html couleur : #663333 | Couleur RVB : 102 51 51 |
Code html couleur : #996666 | Couleur RVB : 153 102 102 |
Code html couleur : #CC3366 | Couleur RVB : 204 51 102 |
Code html couleur : #FF0066 | Couleur RVB : 255 0 102 |
Code html couleur : #FF3366 | Couleur RVB : 255 51 102 |
Code html couleur : #FF6699 | Couleur RVB : 255 102 153 |
Code html couleur : #330000 | Couleur RVB : 51 0 0 |
Code html couleur : #990033 | Couleur RVB : 153 0 51 |
Code html couleur : #993333 | Couleur RVB : 153 51 51 |
Code html couleur : #CC3333 | Couleur RVB : 204 51 51 |
Code html couleur : #CC6666 | Couleur RVB : 204 102 102 |
Code html couleur : #CC9999 | Couleur RVB : 204 153 153 |
Code html couleur : #CC0033 | Couleur RVB : 204 0 51 |
Code html couleur : #FF0033 | Couleur RVB : 255 0 51 |
Code html couleur : #FF3333 | Couleur RVB : 255 51 51 |
Code html couleur : #FF6666 | Couleur RVB : 255 102 102 |
Code html couleur : #FF9999 | Couleur RVB : 255 153 153 |
Code html couleur : #FFCCCC | Couleur RVB : 255 204 204 |
Code html couleur : #990000 | Couleur RVB : 153 0 0 |
Code html couleur :#CC0000 | Couleur RVB : 204 0 0 |
Code html couleur : #FF0000 | Couleur RVB : 255 0 0 |
Code html couleur : #FF3300 | Couleur RVB : 255 51 0 |
Code html couleur : #CC3300 | Couleur RVB : 204 51 0 |
Code html couleur : #FF6633 | Couleur RVB : 255 102 51 |
Code html couleur : #660000 | Couleur RVB : 102 0 0 |
Code html couleur : #993300 | Couleur RVB : 153 51 0 |
Code html couleur : #CC6633 | Couleur RVB : 204 102 51 |
Code html couleur : #FF6600 | Couleur RVB : 255 102 0 |
Code html couleur : #FF9966 | Couleur RVB : 255 153 102 |
Code html couleur : #FFCC99 | Couleur RVB : 255 204 153 |
Code html couleur : #663300 | Couleur RVB : 102 51 0 |
Code html couleur : #996633 | Couleur RVB : 153 102 51 |
Code html couleur : #CC6600 | Couleur RVB : 204 102 0 |
Code html couleur : #CC9966 | Couleur RVB : 204 153 102 |
Code html couleur : #FF9933 | Couleur RVB : 255 153 51 |
Code html couleur : #FF9900 | Couleur RVB : 255 153 0 |
Code html couleur : #996600 | Couleur RVB : 153 102 0 |
Code html couleur : #CC9933 | Couleur RVB : 204 153 51 |
Code html couleur : #CC9900 | Couleur RVB : 204 153 0 |
Code html couleur : #FFCC33 | Couleur RVB : 255 204 51 |
Code html couleur : #FFCC00 | Couleur RVB : 255 204 0 |
Code html couleur : #FFCC66 | Couleur RVB : 255 204 102 |
Code html couleur : #CCCC00 | Couleur RVB : 204 204 0 |
Code html couleur : #FFFF00 | Couleur RVB : 255 255 0 |
Code html couleur : #FFFF33 | Couleur RVB : 255 255 51 |
Code html couleur : #FFFF66 | Couleur RVB : 255 255 102 |
Code html couleur : #FFFF99 | Couleur RVB : 255 255 153 |
Code html couleur : #FFFFCC | Couleur RVB : 255 255 204 |
Ce tableau comprend 216 codes de couleur html sécurisés. Chaque couleur a une valeur en RVB pour spécifier la couleur dans les éditeurs graphiques et HEX pour spécifier la couleur dans les pages html.
Vlad Merjevitch
En HTML, la couleur est spécifiée de deux manières : en utilisant un code hexadécimal et par le nom de certaines couleurs. La méthode la plus couramment utilisée est basée sur le système hexadécimal, car c'est le plus universel.
Couleurs hexadécimales
HTML utilise des nombres hexadécimaux pour spécifier les couleurs. Le système hexadécimal, contrairement au système décimal, est basé, comme son nom l'indique, sur le nombre 16. Les nombres seront les suivants : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Les chiffres de 10 à 15 sont remplacés par des lettres latines. En tableau. 6.1 montre la correspondance entre les nombres décimaux et hexadécimaux.
Les nombres supérieurs à 15 dans le système hexadécimal sont formés en combinant deux nombres en un seul (tableau 6.2). Par exemple, le nombre 255 en décimal correspond au nombre FF en hexadécimal.
Pour éviter toute confusion dans la définition du système de numération, le nombre hexadécimal est précédé du signe dièse #, par exemple #aa69cc. Dans ce cas, la casse n'a pas d'importance, il est donc permis d'écrire #F0F0F0 ou #f0f0f0.
Une couleur typique utilisée en HTML est la suivante.
Ici, la couleur d'arrière-plan de la page Web est définie sur #FA8E47. Le signe dièse # devant un nombre signifie qu'il est en hexadécimal. Les deux premiers chiffres (FA) définissent la composante rouge de la couleur, les troisième à quatrième chiffres (8E) la composante verte et les deux derniers chiffres (47) la composante bleue. Le résultat final est cette couleur.
FA | + | 8E | + | 47 | = | FA8E47 |
Chacune des trois couleurs - rouge, vert et bleu - peut prendre des valeurs de 00 à FF, ce qui forme finalement 256 nuances. Ainsi, le nombre total de couleurs peut être de 256x256x256 = 16.777.216 combinaisons. Le modèle de couleur basé sur les composantes rouge, verte et bleue est appelé RVB (rouge, vert, bleu ; rouge, vert, bleu). Ce modèle est additif (de add - add), dans lequel l'addition des trois composants forme le blanc.
Pour faciliter la navigation dans les couleurs hexadécimales, tenez compte de quelques règles.
- Si les valeurs des composantes de couleur sont les mêmes (par exemple : #D6D6D6), alors une teinte grise sera obtenue. Plus le nombre est élevé, plus la couleur est claire et les valeurs passent de #000000 (noir) à #FFFFFF (blanc).
- Une couleur rouge vif se forme si la composante rouge est rendue maximale (FF) et les autres composantes sont mises à zéro. La couleur avec la valeur #FF0000 est la teinte rouge la plus rouge possible. Il en va de même pour le vert (#00FF00) et le bleu (#0000FF).
- Le jaune (#FFFF00) est obtenu en mélangeant du rouge avec du vert. Cela se voit bien sur la roue chromatique (Fig. 6.1), qui présente les couleurs primaires (rouge, vert, bleu) et complémentaires ou complémentaires. Ceux-ci incluent le jaune, le cyan et le violet (également appelé magenta). En général, n'importe quelle couleur peut être obtenue en mélangeant des couleurs qui lui sont adjacentes. Ainsi, le cyan (#00FFFF) est obtenu en combinant le bleu et le vert.
Riz. 6.1. Cercle de couleur
Les couleurs basées sur des valeurs hexadécimales n'ont pas besoin d'être sélectionnées de manière empirique. À cette fin, un éditeur graphique pouvant fonctionner avec différents modèles de couleurs, comme Adobe Photoshop, convient. Sur la fig. 6.2 montre une fenêtre pour choisir une couleur dans ce programme, la ligne encercle la valeur hexadécimale résultante de la couleur actuelle. Vous pouvez le copier et le coller dans votre code.
Riz. 6.2. Sélecteur de couleurs dans Photoshop
Couleurs Web
Si vous réglez la qualité des couleurs du moniteur sur 8 bits (256 couleurs), la même couleur peut être affichée différemment dans différents navigateurs. Cela a à voir avec la façon dont les graphiques sont rendus lorsque le navigateur fonctionne avec sa propre palette et ne peut pas afficher une couleur qui n'est pas dans sa palette. Dans ce cas, la couleur est remplacée par une combinaison de pixels d'autres couleurs proches qui imitent celle donnée. Pour que la couleur reste la même dans différents navigateurs, une palette de couleurs dites Web a été introduite. Les couleurs Web sont de telles couleurs, pour chaque composant - rouge, vert et bleu - l'une des six valeurs est définie - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). La valeur hexadécimale de ce composant est indiquée entre parenthèses. Le nombre total de couleurs de toutes les combinaisons possibles donne 6x6x6 - 216 couleurs. Un exemple de couleur Web est #33FF66.
La principale caractéristique de la couleur Web est qu'elle s'affiche de la même manière dans tous les navigateurs. À l'heure actuelle, la pertinence des couleurs Web est très faible en raison de l'amélioration de la qualité des moniteurs et de l'expansion de leurs capacités.
Couleurs par nom
Afin de ne pas mémoriser une collection de nombres, vous pouvez utiliser les noms des couleurs couramment utilisées à la place. En tableau. 6.3 montre les noms des noms de couleurs populaires.
Nom de la couleur | Couleur | La description | Valeur hexadécimale |
---|---|---|---|
noir | Noir | #000000 | |
bleu | Bleu | #0000FF | |
fuchsia | Violet clair | #FF00FF | |
grise | Gris foncé | #808080 | |
vert | Vert | #008000 | |
chaux | vert clair | #00FF00 | |
bordeaux | Rouge foncé | #800000 | |
marine | Bleu foncé | #000080 | |
olive | olive | #808000 | |
violet | Violet foncé | #800080 | |
rouge | Rouge | #FF0000 | |
argent | gris clair | #C0C0C0 | |
sarcelle | bleu vert | #008080 | |
blanche | Blanc | #FFFFFF | |
jaune | Jaune | #FFFF00 |
Peu importe comment vous spécifiez la couleur - par son nom ou en utilisant des nombres hexadécimaux. Dans leur effet, ces méthodes sont égales. L'exemple 6-1 montre comment définir les couleurs d'arrière-plan et de texte d'une page Web.
Exemple 6.1. Couleur de fond et de texte
Exemple de texte
Dans cet exemple, la couleur d'arrière-plan est définie à l'aide de l'attribut bgcolor de la balise
, et la couleur du texte via l'attribut text. Pour la variété, la valeur de l'attribut text est définie sur un nombre hexadécimal et bgcolor est défini sur le mot-clé réservé teal .