La couleur dans les styles peut être spécifiée de différentes manières : par valeur hexadécimale, par nom, au format RVB, RGBA, HSL, HSLA. La couleur dans les styles peut être spécifiée de différentes manières : par valeur hexadécimale, par nom, au format de couleur RVB, RVBA, HSL, HSLA.

Cette page contient un tableau avec des mots-clés qui peuvent être utilisés pour désigner les couleurs dans des langages de développement Web tels que : HTML, CSS, JavaScript, Flash, etc.

Dans l'ancien cahier des charges du groupe WC3, seuls 16 étaient précisés mots clés, qui étaient utilisés pour définir les couleurs en HTML et CSS. Dans des spécifications plus modernes, 130 autres mots-clés ont été ajoutés pour indiquer les noms de couleurs. Le tableau suivant contient les noms des couleurs et les codes hexadécimaux et RVB auxquels ils 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 réalité 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 le code couleur 50% gris #808080, et le mot Magenta est synonyme de la couleur HTML Fuchsia, correspondant au code hexadécimal #FF00FF. Les mots Aqua et Cyan sont également synonymes, ils correspondent au code #00FFFF.

En HTML, la couleur peut être spécifiée de trois manières :

Définir une couleur en HTML par son nom

Certaines couleurs peuvent être spécifiées par leur nom, en utilisant le nom de la couleur sur le langue anglaise. Les mots-clés les plus courants : noir, blanc, rouge, vert, bleu, etc. :

Couleur du texte – rouge

Les couleurs les plus populaires de la norme Consortium World Wide Web(Consortium World Wide Web en anglais, W3C) :

Exemple d'utilisation de différents noms de couleurs :

Exemple : spécifier une couleur par son nom

• Essayez-le vous-même "

En-tête sur fond rouge

En-tête sur fond orange

Rubrique sur fond citron vert

Texte blanc sur fond bleu

En-tête sur fond rouge

En-tête sur fond orange

Rubrique sur fond citron vert

Texte blanc sur fond bleu

Spécification de la couleur à l'aide de RVB

Lors de l'affichage de différentes couleurs sur un moniteur, la palette RVB est utilisée comme base. N'importe quelle couleur est obtenue en mélangeant trois couleurs de base : R - rouge, G - vert, B-bleu. La luminosité de chaque couleur est donnée par un octet et peut donc prendre des valeurs de 0 à 255. Par exemple, RVB(255,0,0) s'affiche en rouge puisque le rouge est réglé à sa valeur la plus élevée (255) et la le reste est réglé sur 0. Vous pouvez également définir la couleur sous forme de pourcentage. Chaque paramètre indique le niveau de luminosité de la couleur correspondante. Par exemple : les valeurs rgb(127, 255, 127) et rgb(50%, 100%, 50%) définiront la même couleur vert moyen :

Exemple : spécification de la couleur à l'aide de RVB

• Essayez-le vous-même "

RVB (127, 255, 127)

RVB (50 %, 100 %, 50 %)

RVB (127, 255, 127)

RVB (50 %, 100 %, 50 %)

Définir la couleur par valeur hexadécimale

Valeurs R. g B peut également être spécifié à l'aide de valeurs de couleur hexadécimales (HEX) sous la forme : #RRGGBB où RR (rouge), GG (vert) et BB (bleu) sont des valeurs hexadécimales de 00 à FF (identiques au décimal 0-255 ) . Le système hexadécimal, contrairement au système décimal, est basé, comme son nom l'indique, sur le nombre 16. Le système hexadécimal utilise les signes suivants : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ici les chiffres de 10 à 15 sont remplacés par des lettres latines. Les nombres supérieurs à 15 dans le système hexadécimal sont représentés en combinant deux caractères en une seule valeur. Par exemple, le nombre le plus élevé 255 en décimal correspond à la valeur FF la plus élevée en hexadécimal. Contrairement au système décimal, un nombre hexadécimal est précédé d’un symbole dièse. # , par exemple, #FF0000 est affiché en rouge car le rouge est défini sur sa valeur la plus élevée (FF) et les autres couleurs sont définies sur leur valeur minimale (00). Signes après le symbole dièse # Vous pouvez taper en majuscules et en minuscules. Le système hexadécimal permet d'utiliser la forme abrégée #rgb, où chaque caractère équivaut à un double. Ainsi, l'entrée #f7O doit être considérée comme #ff7700.

Exemple : Couleur HEX

• Essayez-le vous-même "

rouge : #FF0000

vert : #00FF00

bleu : #0000FF

rouge : #FF0000

vert : #00FF00

bleu : #0000FF

rouge+vert=jaune : #FFFF00

rouge+bleu=violet : #FF00FF

vert+bleu=cyan : #00FFFF

Liste des couleurs courantes (nom, HEX et RVB) :

Codes couleurs (fond) par saturation et teinte.

Les couleurs HTML sont indiquées par six caractères après la barre oblique, par exemple #000000. Ces six symboles représentent les proportions des différentes couleurs (Rouge, Vert, Bleu) dans la couleur finale. Sur votre écran d'ordinateur, l'image est formée de énorme montant points appelés pixels. Chaque pixel est une petite source de lumière, appelons-la une « lampe de poche », qui à son tour se compose de trois lampes de poche : rouge, verte et bleue. En diminuant ou en augmentant l'intensité de la lueur des lampes de poche colorées individuelles, nous obtenons la couleur souhaitée.

Codes couleurs HTML

Les couleurs en HTML sont représentées par une notation hexadécimale (HEX) de rouge, bleu et vert (RVB).

La plus petite valeur de couleur est 0 (00 hexadécimal). La valeur de couleur la plus élevée est 255 (hex FF).

La valeur de couleur hexadécimale est composée de trois chiffres commençant par le signe #.

Codes couleurs (significations)

16 millions de nuances

La combinaison du rouge, du bleu et du vert avec des valeurs allant de 0 à 255 pour le pourcentage de chaque couleur donne un total de plus de 16 millions de nuances (256 x 256 x 256).

Majorité moniteurs modernes capable d'afficher au moins 16 384 nuances différentes (les moniteurs LCD sont généralement capables d'afficher 262 mille 16 millions (mis à jour en octobre 2013) couleurs et les moniteurs CRT peuvent afficher un nombre pratiquement illimité de couleurs).

La table des couleurs ci-dessous montre l'évolution de la proportion de rouge de 0 à 255 avec des valeurs nulles pour le bleu et le vert :

Nuances de gris

Pour obtenir des nuances de gris, des parts égales de toutes les couleurs sont utilisées. Pour vous faciliter le choix de la bonne couleur, nous mettons à votre disposition des codes de nuances de gris

Noms de couleurs HTML multi-navigateurs (tous les navigateurs)

Une collection de 150 noms de couleurs en HTML, pris en charge dans tous les navigateurs.

Noms de couleurs standardisés

Le W3C répertorie 16 noms de couleurs valides pour HTML et CSS : aqua, noir, bleu, fuchsia, gris, vert, citron vert, marron (châtaigne), marine (outremer), olive (olive), violet (violet), rouge (rouge). , argent (argent), sarcelle (gris), blanc (blanc) et jaune (jaune).

Lorsque vous utilisez des couleurs non incluses dans cette liste, il est plus correct d'utiliser leur code hexadécimal (HEX) ou leur code RVB.

Couleurs sûres

Il y a quelques années, alors que les ordinateurs pouvaient prendre en charge un maximum de 256 couleurs différentes, une liste de 216 « Web Safe Colors » était proposée, avec 40 couleurs réservées au système.

Cette palette de 216 couleurs a été créée pour afficher correctement les couleurs en mode palette de 256 couleurs.

Cela n’a plus d’importance car la plupart des ordinateurs dans le monde prennent en charge des millions de nuances de couleurs. Dans tous les cas, voici une liste de ces couleurs :

Le module CSS color détaille les valeurs qui permettent aux auteurs de définir les couleurs et l'opacité des éléments html, ainsi que les valeurs de la propriété color.

propriété de couleur

1. Couleurs prioritaires : propriété de couleur

La propriété définit la couleur de la police en utilisant divers systèmes rendu des couleurs. La propriété décrit la couleur du contenu textuel de l'élément. De plus, il est utilisé pour fournir une valeur indirecte potentielle (currentColor) pour toute autre propriété acceptant des valeurs de couleur.

La propriété est héritée.

2. Valeurs de couleur

2.1. Mots-clés principaux

La liste des principaux mots-clés comprend les significations suivantes :

Les noms de couleurs ne sont pas sensibles à la casse.

Syntaxe

Couleur sarcelle;

2.2. Valeurs de couleur numériques

2.2.1. Couleurs du modèle RVB

Le format hexadécimal d'une valeur RVB est un signe # suivi immédiatement de trois ou six caractères hexadécimaux. La notation RVB à trois chiffres #rgb est convertie en la forme à six chiffres #rrggbb en copiant les chiffres plutôt qu'en ajoutant des zéros. Par exemple, #fb0 se développe en #ffbb00 . Cela garantit que le blanc #ffffff peut être spécifié dans la courte entrée #fff et supprime toute dépendance sur la profondeur de couleur de l'affichage.

Le format d'une valeur RVB en notation fonctionnelle est rgb(, suivi d'une liste de trois valeurs numériques séparées par des virgules (soit trois valeurs entières, soit trois valeurs en pourcentage), suivi du symbole) . La valeur entière 255 correspond à 100% et F ou FF en notation hexadécimale :

RVB (255 255 255) = RVB (100 %, 100 %, 100 %) = #FFF

Les espaces sont autorisés autour des valeurs numériques.