CSS n'est pas compris). Le futur webmaster doit donc simplement étudier Outils HTML, qui vous permettent de changer de couleur, par exemple, afin de créer des newsletters électroniques lumineuses et colorées qui attireront l'attention public cible site.
Cet article s'est avéré assez volumineux, mais vous y découvrirez toutes les caractéristiques techniques du travail avec la couleur lorsque Aide HTML. Nous commencerons l'enregistrement en comprenant la question : pourquoi a-t-on besoin de mettre en valeur certains éléments avec de la couleur ? Pages HTML. Nous parlerons ensuite du modèle RVB, qui vous permet de définir les couleurs en HTML à l'aide de codes spéciaux (en cours de route, nous examinerons les codes de couleur décimaux et les valeurs de couleur HTML hexadécimales). Également à partir de cet article, vous en apprendrez davantage sur la palette de couleurs et comprendrez également pourquoi il n'y a pas de palette en HTML. Et à la fin de cette publication il y aura exemples de modification de la couleur d'arrière-plan, du texte et des liens.
Utiliser des couleurs en HTML
Les pages d’un site Web seraient ennuyeuses et sans intérêt sans images, comme nous l’avons mentionné plus tôt et en détail. Mais les images présentent un inconvénient important : chaque image est une image supplémentaire et, par conséquent, une charge supplémentaire sur l'hébergement.
Je note que pour concevoir votre Blog WordPress Je n'ai pas utilisé une seule image, la mise en page a été entièrement conçue en couleur. Juste le même Aujourd'hui, nous allons parler des couleurs en HTML. Les couleurs en HTML sont utilisées à différentes fins. Par exemple, nous pouvons concevoir des mises en page de sites Web en mettant en évidence certains éléments avec une couleur ou une autre.
Grâce à la couleur, nous pouvons concentrer l'attention de nos visiteurs sur un texte ou un bloc particulier du site. A noter qu'il est également déterminé grâce à la couleur de manière à ce que l'utilisateur puisse comprendre : sur quel lien il a déjà cliqué, quel lien il n'a pas encore visité et sur quelle page HTML il se trouve. ce moment.
Sois prudent utiliser des couleurs pour concevoir des documents HTML, toutes les couleurs ne vont pas ensemble et toutes les couleurs ne plairont pas aux visiteurs de votre site Web. Mais vous feriez mieux d’interroger les concepteurs de sites Web sur ces subtilités ; cet article vous aidera à les comprendre. caractéristiques techniques, vous permettant de contrôler la couleur des éléments de la page HTML.
Mais n'oubliez pas que le design doit être séparé du contenu, il est donc préférable d'utiliser CSS pour manipuler la couleur sur les pages HTML, mais nous en reparlerons dans un autre article. Maintenant nous verrons De quels outils HTML dispose-t-il pour contrôler la couleur des pages du site ?.
Dans l’industrie informatique, il existe de nombreuses options de manipulation des couleurs. modèles de couleurs. Le modèle de représentation des couleurs le plus largement utilisé est le modèle RVB. Nous parlerons ici de certaines des fonctionnalités de ce modèle, et il y aura une publication distincte pour une introduction plus détaillée au RVB. Vous trouverez ci-dessous une liste des modèles de couleurs utilisés en informatique (pas seulement HTML et CSS) :
- Modèle RVB. Ce modèle est devenu très répandu et constitue peut-être l'une des méthodes de manipulation des couleurs les plus pratiques et les plus courantes. Éléments HTML.
- Modèle RVBA. Ce modèle est très similaire au modèle RVB, mais inclut un canal alpha pour la couleur. La particularité du modèle RGBA est qu'il permet de régler non seulement la couleur de l'élément HTML, mais aussi sa transparence en raison de la présence d'un canal alpha. Le modèle RGBA a été ajouté à CSS3 et n'est pas pris en charge par les anciens navigateurs.
- Modèle HSL. La particularité du modèle HSL est que l'on fixe la couleur à l'aide de ses paramètres : teinte, planéité et luminosité. Ce modèle est un peu plus difficile à comprendre que le modèle RVB.
- Modèle HSLA. Ce modèle est très similaire au modèle HSL, mais tout comme le modèle RGBA, il permet de travailler avec le canal alpha de la couleur, donc quand Assistance HSLA nous pouvons définir non seulement la couleur de l'élément HTML sur la page, mais aussi sa transparence.
- Modèle HSV (HSB). Ce modèle ne doit pas être confondu avec le modèle HSL. Notez que les quatre premiers modèles peuvent être utilisés en HTML ou CSS pour concevoir des pages Web, mais pas le modèle HSV. Le HSV a été conçu par l’un des fondateurs de Pixar en 1978 et ressemble beaucoup au HSL.
- Modèle CMJ ou CMJN. Ce modèle est utilisé dans toutes les imprimantes couleur pour l'impression. Le modèle CMJN est basé sur la règle selon laquelle l'impression s'effectue sur des feuilles de papier blanches. Toute couleur CMJN est obtenue en mélangeant le Cyan (bleu pâle, turquoise), le Magenta (magenta) et le jaune. Chaque couleur du modèle CMJ possède une caractéristique d'opacité (quantité d'encre), mesurée en pourcentage. Mais en plus des trois couleurs listées, Modèle CMJN Utilise également la couleur noire.
Tous les modèles de couleurs ci-dessus dépendent du matériel, c'est-à-dire si vous définir la couleur d'un élément HTML à l'aide du modèle RVB ou HSL, il est alors impossible de dire avec certitude quelle nuance exacte de couleur un visiteur de votre site verra, car les moniteurs de tous les utilisateurs sont différents et transmettent les couleurs différemment. Notez également que tous les modèles ci-dessus sont basés sur le modèle RVB et que toute couleur spécifiée dans l'un des modèles (à l'exception de HSLA et RGBA en raison de la présence d'un canal alpha) peut être convertie en RVB.
Si nous parlons de modèles de transfert de couleurs indépendants du matériel, il convient de noter le modèle LAB. Nous avons donc pris une petite pause dans le travail avec la couleur en HTML en nous familiarisant avec certains modèles de couleurs. Notez que les navigateurs « comprennent » uniquement les quatre premiers modèles : HSL, RGB, HSLA et RGBA. Par conséquent, nous ne pouvons contrôler la couleur des éléments HTML qu’à l’aide de ces modèles.
Comment se forme la couleur d'un élément HTML : quelques fonctionnalités du modèle RVB
Voyons ça comment est formée la couleur d'un élément HTML et avec certaines fonctionnalités du modèle RVB. Notez que nous parlerons du modèle RVB, ainsi que d'autres modèles utilisés pour concevoir des pages Web, un peu plus tard dans des articles séparés.
Ainsi, le modèle RVB signifie Rouge, Vert, Bleu. Le modèle RVB est basé sur le principe d'additivité. Ce principe est que pour obtenir n’importe quelle couleur, on ajoute de la couleur au noir. Pour une meilleure compréhension, imaginez que votre écran est un mur noir et que vous disposez de trois projecteurs : le premier brille en rouge, le deuxième brille en vert et le troisième brille en bleu. Vous pouvez régler la luminosité de chaque spot à l'aide d'une règle avec des chiffres de 0 à 255. Ainsi, si vous réglez le spot sur zéro, il s'éteint et ne brille pas ; si la valeur est 255, alors le spot produit la couleur la plus brillante possible. .
Ainsi, il s'avère que si vous éclairez un projecteur rouge et vert sur le même point, alors sur un mur noir, vous remarquerez tache jaune. Si vous combinez le rouge et le bleu, vous obtenez du violet, et si vous combinez le vert et le bleu, le point lumineux sur un mur noir sera cyan, mais si vous dirigez les trois projecteurs vers un même point, le point lumineux sera blanc.
Le principe décrit ci-dessus sous-tend le modèle RVB et est utilisé pour manipuler les couleurs des éléments HTML d'une page dans un navigateur.
Attributs HTML pour changer la couleur des éléments : la couleur de fond de l'élément et la couleur du texte à l'intérieur de l'élément
Utilisé pour rendre les éléments de la page uniques. En utilisant les attributs HTML, nous pouvons manipuler la couleur des éléments :
- HTML attribut de couleur. Cet attribut permet de changer la couleur du texte à l'intérieur d'un élément HTML. L'attribut peut prendre des valeurs sous la forme de noms de couleurs HTML et de codes de modèle RVB dans système hexadécimal calcul et dans système décimal Compte. L'attribut color est un attribut HTML unique qui vous permet de modifier la couleur du texte à l'intérieur de certains éléments HTML.
- Attribut de texte HTML. Cet attribut est un attribut de balise unique . Étiqueter avec des balises Et formulaire . Si vous vous en souvenez, à l'intérieur du conteneur des éléments sont placés qui sont ensuite affichés par le navigateur dans la zone de visualisation. L'attribut texte vous permet de spécifier Couleur du texte par défaut pour toute la page HTML.
- Attribut HTML bgcolor. C'est également un attribut HTML unique et vous permet de modifier la couleur d'arrière-plan de certains éléments HTML.
- Lien v d’attribut HTML. Cet attribut est unique et s'applique uniquement à la balise pour changer la couleur d'un lien que l'utilisateur a déjà visité.
- Lien d'attribut HTML. Cet attribut est également unique et s'applique uniquement à la balise . L'attribut alink change la couleur du fichier actif Liens HTML.
- Attribut de lien HTML. attribut de lien utilisé uniquement en conjonction avec une balise et sert à changer la couleur des liens des pages HTML que l'utilisateur n'a pas encore visitées.
Attention : l'utilisation d'attributs pour changer la couleur des éléments HTML n'est pas recommandée, car il existe des feuilles de style en cascade qui permettent de séparer le design d'une page web de son contenu.
Utilisation de codes de couleur décimaux en HTML
Nous avons donc parlé du fait que vous pouvez régler la luminosité de la couleur du projecteur à l'aide d'une règle spéciale sur laquelle se trouvent des dessins numérotés de 0 à 255. Voyons maintenant comment cela nous aidera à changer la couleur des éléments HTML. Le fait est que nous pouvons changer la couleur du texte à l'intérieur d'un élément HTML ou la couleur d'arrière-plan en HTML en utilisant le code décimal comme suit :
Si vous créez un document HTML dans lequel le conteneur du corps est décrit, comme dans l'exemple, vous verrez :
- Couleur Arrière-plan HTML le document est devenu vert : bgcolor="rgb (0,255,0)".
- Couleur Texte HTML la page deviendra bleue : text="rgb (0,0,255)".
- La couleur HTML d'un lien que l'utilisateur n'a pas visité sera blanche : link=”rgb (255,255,255)”.
- Les couleurs du lien actuellement ouvert seront noires : alink=”rgb (0,0,0)”.
- Et la couleur du lien HTML déjà visité sera rouge : vlink=”rgb (255,0,0)”.
Attention : personne ne vous interdit de régler la « puissance du projecteur » à votre guise, vous pouvez définir la couleur HTML, par exemple, de cette façon :
RVB (94, 85, 50) |
Et obtenez la couleur de la surprise enfantine. C'est la particularité, la flexibilité et la commodité du modèle RVB. Votre moniteur est un mur noir sur lequel brillent des projecteurs, et vous pouvez régler la puissance de ces projecteurs et créer toutes sortes de couleurs d'arrière-plan, de texte et de liens à l'aide des attributs HTML dans le système de notation décimale, ou vous pouvez également dire : en utilisant des codes de couleur décimaux.
En fait Il est faux de dire des codes de couleur décimaux en HTML, il serait plus juste de dire Codes de couleurs décimaux RVB, parce que le ce modèle Il n'est pas seulement utilisé pour concevoir des pages Web en HTML et CSS.
Valeurs de couleur HTML hexadécimales
Définir la couleur des éléments HTML à l'aide de codes décimaux du modèle RVB n'est pas très pratique (et pour le moment, tous les navigateurs ne prennent pas en charge cette méthode de manipulation des couleurs), car l'enregistrement ne sera pas des plus compacts ; il est beaucoup plus pratique de définir la couleur des éléments HTML en utilisant des valeurs hexadécimales. Dans l'image ci-dessous, vous pouvez voir comment les valeurs décimales sont converties en hexadécimales.
Pour ceux qui ne connaissent pas le système de nombres hexadécimaux, une petite explication devrait être donnée afin que vous puissiez facilement manipuler la couleur des éléments HTML à l'aide de codes de modèle RVB hexadécimaux. Premièrement, le système de numération décimal est ainsi nommé car n'importe quel nombre peut être obtenu par une combinaison de dix chiffres (la terminologie est importante : il y a une différence entre un nombre et un chiffre) : 0, 1, 2, 3, 5, 6, 7, 8, 9.
Dans le système numérique hexadécimal, n'importe quel nombre peut être écrit en utilisant une combinaison de seize chiffres : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Pour faciliter la compréhension, vous pouvez supposer que a vaut dix et f vaut quinze. Par exemple, le nombre seize s'écrirait en hexadécimal comme suit : 10. Et le nombre 255 s'écrirait ff.
Voyons maintenant comment nous pouvons définir la couleur des éléments HTML en utilisant des valeurs hexadécimales, répétons notre exemple précédent, en remplaçant les codes de couleurs décimaux par leurs homologues hexadécimaux :
<
body
alink
=
”#000000” link=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text=”#0000ff”> |
Note: l'écriture de la couleur en HTML au format hexadécimal est un peu plus compacte qu'en décimal, c'est le premier. Deuxièmement : la puissance de chaque spot est réglée par des nombres de 0 à 255. Pour écrire le nombre 255 nécessite deux chiffres au format hexadécimal (ff = 250), donc la luminosité de chaque canal de couleur (nos spots sont correctement appelés canal de couleur, canal de couleur) est défini par deux chiffres de 0 à f.
Attention : la luminosité de chaque canal de couleur est réglée séparément, mais si nous imaginons qu'il s'agit d'un nombre unique, alors le nombre maximum possible dans le système numérique hexadécimal du modèle RVB est ffffff, cela nous donnera couleur blanche, et dans le système décimal c'est : 16 777 215. Ce nombre de couleurs et de nuances vous permet de définir/utiliser le modèle RVB. Ce nombre vient du fait que chaque canal de couleur possède respectivement 256 valeurs de luminosité (de 0 à 255) : 256 * 256 * 256 = 16 777 215.
Les valeurs de couleur HTML hexadécimales sont plus compactes et plus claires, la plupart des concepteurs de sites Web et des concepteurs de mise en page utilisent des valeurs hexadécimales pour manipuler les couleurs en HTML, nous vous recommandons donc de ne pas vous habituer à la forme décimale de notation des couleurs, mais d'utiliser immédiatement l'hexadécimal.
Il est clair qu'au début, il sera difficile pour un concepteur ou un maquettiste novice de naviguer dans la forme hexadécimale de la notation des couleurs, c'est pourquoi presque tous les éditeurs graphiques disposent d'une soi-disant palette de couleurs, qui vous permet de sélectionner couleur désirée et obtenez son code pour différents modèles de couleurs dans différents systèmes Compte.
Certains éditeurs de texte, comme , disposent d'extensions de palette très pratiques lorsque vous souhaitez sélectionner rapidement une couleur et la modifier. Je ne peux rien dire à ce sujet.
Noms de couleurs en HTML
Attributs HTML peut prendre comme valeur pas seulement les codes décimaux et les valeurs hexadécimales, mais aussi des noms de fleurs spéciaux. Changer la couleur des éléments HTML en utilisant son nom n'est pas une bonne idée. Premièrement, derrière le nom de la couleur en HTML se cache le code du modèle RVB, et deuxièmement, chaque navigateur affiche différemment la couleur de l'élément HTML spécifié par le nom, cela dépend uniquement du désir des développeurs du navigateur.
C'est pourquoi l'utilisation d'un nom de couleur en HTML n'est pas recommandée. Le modèle RVB dépend du matériel et la couleur spécifiée par le nom dépend du navigateur et même de sa version. Essayons de définir la couleur des éléments de la page HTML en utilisant le nom :
<
body
alink
=
”black
”link
=
”#blanc” vlink=”rouge” bgcolor=”vert” text=”bleu”> |
Comme vous l'avez compris, il existe de nombreuses couleurs et nuances. Il est à noter ici que les attributs HTML ne permettent pas de définir un dégradé ; CSS a cette option, mais nous en reparlerons dans un autre article. Et de nombreuses couleurs HTML ont des noms. Tableau avec les noms des couleurs en HTML et leurs Codes RVB vous pouvez le trouver sur mon site Web.
Le tableau ci-dessus montre quelle couleur l'élément HTML obtiendra si vous le spécifiez en utilisant le nom. Ce tableau contient 16 couleurs et leurs noms qui sont approuvés par le W3C et doivent être affichés de la même manière dans n'importe quel navigateur. Mais en fait, en HTML, vous pouvez utiliser environ 200 noms de couleurs pris en charge par les principaux navigateurs, tels que : Opera, Chrome, Firefox, Safari, Internet Explorer (cette affirmation est très controversée à propos de ce dernier).
Palette de couleurs HTML
En fait il n'y a pas de palette de couleurs en HTML. Rappelons la définition du mot palette. Une palette est une petite planche fine de forme quadrangulaire ou ovale sur laquelle l'artiste mélange des peintures et obtient toutes sortes de couleurs. Parfois, un trou est fait dans la palette pour pouce pour qu'il soit confortable à tenir. Vous trouverez une image de la palette ci-dessous. C'est pourquoi il n'y a pas de palette en HTML.
Mais de manière différente éditeurs de texte Il y a plugins de palette de couleurs qui aide sélectionner rapidement la couleur d'un élément HTML. Il y a aussi une palette de couleurs dans éditeurs graphiques, car ce n'est pas très pratique et amusant pour un designer de s'asseoir et de calculer : quelle couleur sortira à telle ou telle luminosité de tel ou tel canal. Dans l'image ci-dessous, vous pouvez voir la palette la plus simple de l'éditeur Paint.
Notez que de nombreux modules et plugins de palette de couleurs vous permettent d'obtenir le code couleur non seulement dans Format RVB/RGBA, mais aussi au format d'autres modèles. Souviens-toi qu'il n'y a pas de palette en HTML, eh bien, à moins que vous ne soyez un artiste dans l'âme et vous appelez la palette de couleurs de la page HTML ces couleurs qui ont été utilisés pour le décorer (après tout, parfois une palette fait référence aux couleurs qu'un artiste particulier utilise, ou aux couleurs qui ont été utilisées dans la création d'un tableau particulier).
Apprendre à changer la couleur du texte en HTML
Nous avons beaucoup de théorie sur les couleurs en HTML, mettons-nous à l'entraînement et essayons travailler avec les couleurs des éléments HTML. La première chose que nous apprendrons à faire est changer la couleur du texte dans Document HTML en utilisant des attributs et des balises spéciaux. Ouvrez n'importe quel éditeur et écrivez-y le code suivant :
Apprendre à travailler avec la couleur en HTML
Changer la couleur du texte
Pour changer la couleur du texte, nous pouvons utiliser l'attribut unique de l'élément de texte BODY, et nous pouvons également utiliser l'élément FONT et son attribut color. Ce texte sera grisé.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >Changer la couleur du texte dans le document HTML< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >Apprendre à travailler avec la couleur en HTML< / font > < / h1 > < h2 > < font color = "yellow" >Changer la couleur du texte< / font > < / h2 > < p >Pour changer la couleur du texte, nous pouvons utiliser un unique l'attribut de texte BODY de l'élément, et utilisez également l'élément FONT < / body > < / html > |
Je vais enregistrer ce fichier sous color.html et vous conseiller de ne pas oublier . L'enregistrement des couleurs dans le système de nombres décimaux n'est pas pris en charge par Chrome, Firefox et Opera, mais IE comprend cette notation de couleur et met en évidence l'en-tête HTML en vert :
La bonne chose à dire n'est pas de changer la couleur du texte en HTML, mais de changer la couleur de la police en HTML. À propos
Codes Minecraft couleurs, ou Minecraft codes formatage, permettez à 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 codes couleurs, qui vous permettent d'ajouter de la couleur à vos phrases.
Couleurs et codes de formatage
Le signe esperluette (&) suivi 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 un & suivi d'une lettre. Vous pouvez ajouter différentes couleurs aux livres, aux blocs de commande, au nom du serveur, à la description du serveur (motd), aux noms du monde, aux panneaux et même aux noms des joueurs.
Il est très simple de formater votre texte dans les configs ou en jeu grâce au nuancier ci-dessous. &r est utilisé pour réinitialiser tous les codes, c'est-à-dire &mAAA&rBBB sera affiché comme AAA BBB.
Nous présentons un tableau des codes couleurs existants dans Minecraft pour votre commodité :
| Code | Nom | Nom technique | Couleur du symbole | Couleur de l'ombre du symbole | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R. | g | B | Hex | R. | g | B | Hex | |||
| &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 | 00AAA | 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 | gris | 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 |
| &d | Violet clair | violet clair | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Jaune | jaune | 255 | 255 | 85 | FFF55 | 63 | 63 | 21 | 3F3F15 |
| &F | Blanc | blanc | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Il faut parfois souligner, rayer, souligner n'importe quel texte. Cela se fait en utilisant le formatage du texte. Il s'utilise exactement de la même manière que les couleurs (on met avant le texte code, par exemple &lMinecraft = Minecraft.
Pour votre commodité, vous trouverez ci-dessous un tableau des codes de formatage :
| Code | Nom |
|---|---|
| &k | Texte magique |
| &l | Vignette |
| & m | Texte barré |
| &n | Texte souligné |
| &o | Texte en italique |
| &r | Texte sans mise en forme |
Les codes de couleur en CSS sont utilisés pour spécifier les couleurs. Généralement, les codes de couleur ou les valeurs de couleur sont utilisés pour définir la couleur soit de la couleur de premier plan d'un élément (par exemple, couleur du texte, couleur du lien), soit de la couleur d'arrière-plan d'un élément (couleur d'arrière-plan, couleur de bloc). Ils peuvent également être utilisés pour modifier la couleur d’un bouton, d’une bordure, d’un marqueur, d’un survol et d’autres effets décoratifs.
Vous pouvez définir vos valeurs de couleur dans divers formats. Le tableau suivant répertorie tous les formats possibles :
Les formats répertoriés sont décrits plus en détail ci-dessous.
Couleurs CSS - Codes hexadécimaux
Code couleur hexadécimal est une représentation de la couleur à six chiffres. Les deux premiers chiffres (RR) représentent la valeur rouge, les deux suivants représentent la valeur verte (GG) et les deux derniers représentent 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 une valeur de couleur équivalente à six chiffres. Par exemple : #0F0 devient #00FF00.
La valeur hexadécimale peut être extraite de n'importe quel graphique logiciel, tel que Adobe Photoshop, Tirage de base, etc.
Chaque code couleur hexadécimal en CSS sera précédé d'un signe dièse "#". Vous trouverez ci-dessous des exemples d'utilisation des notations hexadécimales.
Couleurs CSS - Valeurs RVB
Valeur RVB est un code couleur défini à l'aide de la propriété rgb(). Cette propriété prend trois valeurs : une pour le rouge, une pour le vert et une pour le bleu. La valeur peut être un nombre entier, de 0 à 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 couleurs en utilisant notre service.
Couleurs sécurisées pour le navigateur
Vous trouverez ci-dessous un tableau de 216 couleurs les plus sécurisées et indépendantes de l'ordinateur. Ces couleurs en CSS vont de 000000 au code hexadécimal FFFFFF. Leur utilisation est sûre car ils garantissent que tous les ordinateurs affichent correctement les couleurs lorsque vous travaillez 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 |
Les jeux informatiques sont l’un des moyens les plus populaires de s’amuser temps libre. En nous plongeant dans le monde d'un jeu vidéo, nous oublions les vrais problèmes et ennuis, nous détendons et nous amusons. Et s'il s'agit d'un jeu en ligne ou d'un jeu en mode multijoueur, son principal avantage est qu'ici vous pouvez rencontrer de nombreuses personnes du monde entier et trouver non seulement des personnes partageant les mêmes idées, mais aussi les meilleurs amis. Vous voulez savoir comment les paramètres de jeu, jusqu'à la couleur dans MTA, peuvent affecter vos interactions avec les autres joueurs ? Continuer à lire!
Caractéristiques du mode multijoueur
Vous êtes-vous déjà demandé : comment ajuster les couleurs dans MTA ou dans un autre jeu ? Aucune des personnes ayant déjà eu l'occasion de jouer à un jeu en ligne avec gros montant joueurs, ne nieront pas que devant les autres ils veulent se montrer dans meilleure lumière. Vous pouvez montrer les objets spéciaux et coûteux de votre personnage, vous démarquer par votre connaissance de la terminologie du jeu ou simplement personnaliser l'interface de votre jeu afin qu'il fonctionne mieux que celle des joueurs inexpérimentés.
Couleurs dans « MTA » – que devez-vous savoir ?
Si nous parlons de l'une des versions du mode multijoueur du jeu "GTA: San Andreas", "MTA", alors la couleur joue ici un rôle très important. La possibilité de personnaliser la couleur de votre pseudo dans MTA est l’une des meilleures compétences que tout joueur débutant devrait acquérir.
Alors, pour configurer la couleur de votre pseudo, allez dans l'application "MTA: SA" et cliquez sur l'option Paramètres, puis sélectionnez votre nom, puis entrez juste avant celui-ci. code requis couleurs. Dans "MTA", il existe une large palette de couleurs pour les surnoms. Dans l'article, nous avons inclus des exemples de palettes parmi lesquelles vous pouvez choisir la teinte que vous aimez.
Vous savez maintenant comment vous démarquer et rendre votre pseudo différent des surnoms des joueurs débutants et inexpérimentés. Lumineux, il vous distinguera des joueurs ordinaires et attirera davantage l'attention sur vous. Profitez bien de votre jeu!
Les nombres hexadécimaux sont utilisés 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. Les nombres supérieurs à 15 dans le système hexadécimal sont formés en combinant deux nombres en un seul. Par exemple, le nombre 255 en décimal correspond au nombre FF en hexadécimal. Pour éviter toute confusion lors de la détermination du système numérique, un symbole dièse # est placé avant le nombre hexadécimal, par exemple #666999. Chacune des trois couleurs – rouge, vert et bleu – peut prendre des valeurs de 00 à FF. Ainsi, le symbole de couleur est divisé en trois composants #rrggbb, où les deux premiers symboles indiquent la composante rouge de la couleur, les deux du milieu - le vert et les deux derniers - le bleu. Il est permis d'utiliser la forme abrégée #rgb, où chaque caractère doit être doublé. Ainsi, l'entrée #fe0 doit être considérée comme #ffee00.
De nom
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | IOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Les navigateurs prennent en charge certaines couleurs par leur nom. Dans le tableau 1 montre les noms, le code hexadécimal, les valeurs RVB, HSL et la description.
| Nom | Couleur | Code | RVB | LGV | Description |
|---|---|---|---|---|---|
| blanc | #ffffff ou #fff | RVB (255 255 255) | hsl(0,0%,100%) | Blanc | |
| argent | #c0c0c0 | RVB (192 192 192) | hsl(0,0%,75%) | Gris | |
| gris | #808080 | RVB (128 128 128) | hsl(0,0%,50%) | Gris foncé | |
| noir | #000000 ou #000 | RVB (0,0,0) | hsl(0,0%,0%) | Noir | |
| bordeaux | #800000 | RVB (128,0,0) | hsl(0,100%,25%) | Rouge foncé | |
| rouge | #ff0000 ou #f00 | RVB (255,0,0) | hsl(0,100%,50%) | Rouge | |
| orange | #ffa500 | RVB (255 165,0) | hsl(38,8,100%,50%) | Orange | |
| jaune | #ffff00 ou #ff0 | RVB (255 255,0) | hsl(60,100%,50%) | Jaune | |
| olive | #808000 | RVB (128 128,0) | hsl(60,100%,25%) | olive | |
| citron vert | #00ff00 ou #0f0 | RVB (0,255,0) | hsl(120,100%,50%) | Vert clair | |
| vert | #008000 | RVB (0,128,0) | hsl(120,100%,25%) | Vert | |
| aqua | #00ffff ou #0ff | RVB (0,255,255) | hsl(180,100%,50%) | Bleu | |
| bleu | #0000ff ou #00f | RVB (0,0,255) | hsl(240,100%,50%) | Bleu | |
| marine | #000080 | RVB (0,0,128) | hsl(240,100%,25%) | Bleu foncé | |
| sarcelle | #008080 | RVB (0,128,128) | hsl(180,100%,25%) | Bleu vert | |
| fuchsia | #ff00ff ou #f0f | RVB (255,0,255) | hsl(300,100%,50%) | Rose | |
| violet | #800080 | RVB (128,0,128) | hsl(300,100%,25%) | Violet |
Utiliser RVB
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | IOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Vous pouvez définir la couleur en utilisant les valeurs rouge, vert et bleu en termes décimaux. Chacune des trois composantes de couleur prend une valeur de 0 à 255. Il est également possible de définir la couleur en pourcentage, 100 % correspondant au nombre 255. Indiquez d'abord mot-clé rgb , puis les composantes de couleur sont indiquées entre parenthèses, séparées par des virgules, par exemple rgb(255, 128, 128) ou rgb(100%, 50%, 50%).
RVBA
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | IOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Le format RGBA est similaire en syntaxe à RVB, mais inclut un canal alpha qui spécifie la transparence de l'élément. Une valeur de 0 est entièrement transparente, 1 est opaque et valeur intermédiaire comme 0,5 - translucidité.
RGBA a été ajouté à CSS3, le code CSS doit donc être validé par rapport à cette version. A noter que le standard CSS3 est encore en développement et que certaines fonctionnalités sont susceptibles de changer. Par exemple, une couleur au format RVB ajoutée à la propriété background-color est validée, mais celle ajoutée à la propriété background n'est plus valide. Dans le même temps, les navigateurs comprennent très bien la couleur des deux propriétés.
LGV
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | IOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Nom Format HSL formé d'une combinaison des premières lettres Hue (teinte), Saturate (saturation) et Lightness (légèreté). La teinte est la valeur de couleur sur la roue chromatique (Fig. 1) et est indiquée en degrés. 0° correspond au rouge, 120° au vert et 240° au bleu. La valeur de teinte peut varier de 0 à 359.
Riz. 1. Roue chromatique
La saturation est l'intensité d'une couleur et se mesure en pourcentage de 0 % à 100 %. Une valeur de 0 % indique l'absence de couleur et une nuance de gris, 100 % est la valeur maximale de saturation.
La luminosité spécifie la luminosité de la couleur et est spécifiée sous forme de pourcentage compris entre 0 % et 100 %. Les valeurs faibles rendent la couleur plus foncée et les valeurs élevées la rendent plus claire ; les valeurs extrêmes de 0 % et 100 % correspondent au noir et blanc.
HSLA
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | IOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Le format HSLA est similaire en syntaxe au HSL, mais inclut un canal alpha pour spécifier la transparence de l'élément. Une valeur de 0 est entièrement transparente, 1 est opaque et une valeur intermédiaire comme 0,5 est semi-transparente.
Les valeurs de couleur RGBA, HSL et HSLA sont ajoutées à CSS3, veuillez donc vérifier la validité de la version de votre code lorsque vous utilisez ces formats.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Avertissement
Toutes les méthodes de capture de lions répertoriées sur le site sont théoriques et basées sur des méthodes informatiques. Les auteurs ne garantissent pas votre sécurité lors de leur utilisation et déclinent toute responsabilité quant aux résultats. N'oubliez pas qu'un lion est un prédateur et un animal dangereux !
Résultat cet exemple montré sur la fig. 2.
Riz. 2. Couleurs sur la page Web