Codes couleurs arc-en-ciel. 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

Comme vous le savez, la couleur peut affecter l’état d’une personne : à la fois mental et physique. Chaque jour, en parcourant des sites Internet, nos yeux évaluent des millions de couleurs et de nuances. Un concepteur de sites Web familier avec la psychologie des couleurs peut manipuler l'humeur du visiteur pour atteindre certains objectifs.

Cela est dû au fait que certaines nuances calment et d'autres, au contraire, excitent. Nous parlerons ensuite de la façon dont la couleur est synthétisée et affichée à l’aide de la technologie informatique.

RVB est modèle de couleur, représentant une méthode d'obtention de toutes les couleurs et de leurs nuances en mélangeant dans des proportions variables les trois composants principaux, qui sont :

  • Couleur rouge ( Rouge);
  • couleur verte (Vert);
  • Couleur bleue ( Bleu).

C'est de là que vient le nom abrégé RVB. Ces couleurs ont été choisies comme principales pour une raison : la raison est la physiologie de la rétine de l'œil humain et la manière dont elle les perçoit :

Le modèle RVB reste le plus populaire aujourd'hui et est utilisé pour reproduire les couleurs sur les écrans de télévision et écrans d'ordinateur. Puisque les fabricants dotent leurs produits différentes caractéristiques, a été créé en 1996 un système Synthèse de couleurs basée sur RVB appelée sRGB, développée conjointement par Microsoft et HP.

Représentation numérique de la couleur

Comme mentionné précédemment, les couleurs RVB sont formées en mélangeant des couleurs primaires. Pour décrire l'intensité de chacun d'eux, un schéma a été adopté dans lequel la couleur est représentée par la plage 0-255 (8 bits), ce qui est système hexadécimal le calcul correspond à 00-FF.

Autrement dit, les couleurs primaires ressembleront à ceci :

  • Rouge – RVB (255,0,0) ;
  • Vert – RVB (0,255,0) ;
  • Bleu – RVB (0,0,255) ;

Si l'intensité de la couleur prend des valeurs inférieures à 255, alors différentes nuances de rouge, de vert et de bleu sont obtenues. Voici un tableau de leurs gradations, ainsi que les valeurs hexadécimales de chacune des nuances :


Tables de couleurs RVB

Naturellement, en plus des dégradés de couleurs primaires, il en existe des mixtes, et leur nombre est assez important. Par conséquent, un tableau des couleurs RVB a été créé, qui présente toutes les nuances existantes, ainsi que leurs noms et représentations numériques ( sous forme décimale et hexadécimale).

Vous pouvez voir ça ici. Cette table facilite grandement la vie des concepteurs de sites Web, puisqu'en quelques secondes, vous pouvez trouver la teinte souhaitée et connaître sa représentation numérique.

Palette de couleurs RVB sécurisée

Cependant, à un moment donné, il y a eu un problème avec l'affichage des couleurs dans différents navigateurs, et pour le résoudre, le soi-disant « coffre-fort » a été compilé. Palette RVB couleurs dérivées de calculs mathématiques.

Lorsque le navigateur ne parvient pas à afficher une couleur correctement, il essaiera d'obtenir quelque chose de proche de ce dont il a besoin en mélangeant des couleurs adjacentes, et le résultat sera très probablement totalement inacceptable :



Grâce aux codes couleurs RVB de cette palette, un développeur web ne peut plus se soucier de l'affichage des couleurs sur les pages de son site lorsqu'elles sont consultées à l'aide de différents navigateurs, sur diverses plateformes et des moniteurs. Bien que sur ce moment tableau couleurs sûres perd de sa pertinence ( le progrès technologique ne s'arrête toujours pas), en l'utilisant, vous pouvez, comme on dit, dormir paisiblement.

Couleur or dans le modèle RVB

Le mot « or » a été utilisé pour la première fois au début du 14ème siècle pour décrire la couleur d'un élément chimique appelé Aurum - l'or. Dans le modèle RVB, la couleur or est représentée par les valeurs numériques suivantes :

  • RVB (255, 215, 0) – système décimal ;
  • HEX #FFD700 – système hexadécimal.


Couleur beige dans le modèle RVB

La couleur beige prend beaucoup lieu important dans l'histoire, même s'il n'est pas le plus expressif. De nombreux monuments culturels, notamment les sculptures anciennes, étaient constitués de stéatite et de stéatite, qui ont une teinte beige. Dans le modèle RVB, le beige a les représentations numériques suivantes :

  • RVB (245, 245, 220) – système décimal ;
  • HEX #F5F5DC – système hexadécimal.


De nos jours, surtout pendant World Wide Web Il est rare de trouver une couleur aussi « ennuyeuse ». Les développeurs privilégient un design accrocheur utilisant des couleurs vives. Les progrès technologiques permettent d'afficher un nombre colossal de couleurs sur les moniteurs, ce qui rend l'image plus réaliste.

Bon mauvais

>>Gestion des couleurs

Valeurs de couleur RVB hexadécimales

Les méthodes de description et de traitement des couleurs diffèrent les unes des autres par la représentation finale à laquelle elles sont destinées. Comparons, par exemple, la représentation des couleurs pour l'impression et pour les écrans d'ordinateur. Dans le premier cas, la base est prise blanc la couleur du papier sur lequel sont ensuite appliquées trois couleurs primaires : bleu, violet Et jaune. Mélangées entre elles et avec du papier blanc dans des proportions différentes, ces trois couleurs primaires donnent des couleurs différentes. nuances de couleurs, sauf pour le noir pur, ou en l'absence totale de couleurs, ils donnent couleur blanche papier. Si on leur ajoute de la couleur noire, on obtient CMJN-une méthode de transmission de couleur lorsque la couleur requise est obtenue en soustrayant les couleurs manquantes du blanc.

Dans le deuxième cas, la base est prise noir la couleur de l'écran du moniteur, dont chaque cellule brille dans l'une des trois couleurs suivantes : rouge-rouge, vert-vert et bleu-bleu. Ensuite, en l'absence totale de toute lueur, nous obtenons une couleur d'écran noire pure, et chacune des couleurs requises est donnée par le rapport de chacune des trois couleurs. Dans ce cas, nous obtiendrons RVB-méthode de transmission des couleurs. Les couleurs primaires peuvent varier de 0 avant 255 , ou de 0% avant 100% , ou peut être représenté sous forme de valeur hexadécimale. Dans la figure ci-dessous, vous pouvez voir les résultats du mélange des couleurs primaires.

Le système de numérotation hexadécimal, contrairement au système de numérotation décimal, n'a pas dix chiffres, mais seize - d'où son nom. En conséquence, il ne peut y avoir que des variantes non répétitives de combinaisons de deux chiffres - 256 , pour continuer la série de nombres après 9 lettres de UN avant F, donc la série ressemblera à ceci -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Pour convertir des nombres d'un système numérique à un autre et vice versa, utilisez la calculatrice ci-dessous. La valeur maximale ici peut être FR - 255 .

Dans ce cas, la couleur est spécifiée par trois nombres hexadécimaux, chacun étant composé de deux chiffres. Le premier chiffre détermine l'intensité rouge couleurs, moyen- vert, dernière chose- bleu couleurs. Tous les nombres peuvent prendre des valeurs comprises entre 00 avant FR(de 0 à 255). Par exemple : la couleur verte est donnée par #00FF00, rouge - comme #FF0000, bleu - comme #0000FF, blanc - comme #FFFFFF, l'absence totale de couleur ou de noir est donnée par #000000 .

Dans le formulaire ci-dessous, vous pouvez spécifier n'importe quelle valeur hexadécimale pour chacune des trois couleurs et voir le résultat de leur mélange en cliquant dans le champ de sortie.

ROUGEVERTBLEU
0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f0 1 2 3 4 5 6 7 8 9 a b c d e f
...Cliquez ici

Exemples de valeurs de couleur RVB hexadécimales : dégradés de rouge, bleu et vert.

voir code voir code voir code voir code voir code voir code
#010000 #800000 #000100 #008000 #000001 #000080
#100000 #900000 #001000 #009000 #000010 #000090
#200000 #A00000 #002000 #00A000 #000020 #0000A0
#300000 #B00000 #003000 #00B000 #000030 #0000B0
#400000 #C00000 #004000 #00C000 #000040 #0000C0
#500000 #D00000 #005000 #00D000 #000050 #0000D0
#600000 #E00000 #006000 #00E000 #000060 #0000E0
#700000 #FF0000 #007000 #00FF00 #000070 #0000FF

Spécification de la couleur à l'aide de chaînes littérales

Pour faciliter leur utilisation, certaines couleurs et leurs combinaisons se sont vu attribuer des noms reconnus par tous les navigateurs, et il est devenu possible d'en spécifier plusieurs par leur nom. Le tableau ci-dessous montre certains des noms de couleurs :

voir Nom voir Nom voir Nom voir Nom
Blanc Rouge Orange Jaune
Vert Bleu Violet Noir
Alicebleu Blanc antique Aqua Bleu vert
Azur Beige Bisque Blanchedalmonde
Bleuviolet Brun Bois bohu Cadetbleu
Chartreuse Chocolat corail Bleuet
Soie de maïs cramoisi Cyan Bleu foncé
Cyan foncé Verge d'or foncé Gris foncé Vert foncé
Kaki foncé Magenta foncé vert olive foncé Orange sombre
Orchidée noire Rouge foncé Saumon noir Vert d'eau foncé
Bleu ardoise foncé Gris ardoise foncé Turquoise foncé Violet foncé
Rose profond Bleu ciel profond Gris foncé Bleu Dodger
Brique réfractaire Floralblanc Forêt verte Fuschia
Gainsboro Blanc fantôme Or Verge d'or
Gris Vert jaune Miellat Rose vif
Rouge indien Indigo Ivoire Kaki
Lavande Blush lavande Mousseline de Citron Bleu clair
Corail clair Cyan clair Tige froide légèrejaune Vert clair
Gris clair Rose clair Saumon clair Vert d'eau clair
Bleu ciel clair Gris ardoise clair Bleu acier clair Jaune clair
Citron vert Vert citron Lin Magenta
Bordeaux Aigue-marine moyenne Bleu moyen Orchidée moyenne
Violet moyen Vert d'eau moyen Bleu ardoise moyen Vert printemps moyen
Turquoise moyen Rouge violet moyen Bleu nuit Crème à la Menthe
Rose brumeuse Navajoblanc Marine Vieille dentelle
olive Olivierab Rouge-orange Orchidée
Verge pâle Vert pâle Paletteurquoise Rouge Paleviolet
Papayawhip Choux aux pêches Pérou Rose
Prune Poudre bleue Brun rosé Bleu royal
Brun selle Vert d'eau Coquillage Terre de sienne
Argent Bleu ciel Bleu ardoise Gris ardoise
Neige Vert printanier Bleu acier bronzer
Sarcelle Chardon Tomate Turquoise
Violet Blé Fumée blanche Vert jaunâtre
La liste des littéraux minuscules avec les noms de couleurs est assez longue et plus que suffisante. Si vous devez le définir comme Couleur de l'arrière plan si inhabituel qu'il n'a même pas de nom, vous pouvez utiliser la valeur hexadécimale.

Utiliser une palette de couleurs sûre

Malheureusement, sur différentes plateformes Avec des paramètres système différents, le rendu correct des couleurs constitue un problème. Le fait est que le navigateur essaie toujours d'ajuster la palette de couleurs du document en fonction de les paramètres du système et les capacités du moniteur, en mélangeant indépendamment les couleurs et en les remplaçant. De ce fait, parfois l’utilisateur ne voit pas exactement ce que le webmaster a voulu lui montrer. Un moyen de sortir de cette situation a été trouvé en utilisant une palette dont chaque couleur est garantie d'être rendue de manière égale par tous les navigateurs sur différentes plates-formes. C'est ce qu'on appelle garanti palette, également appelée sûr palette. Cette palette comprend des couleurs dont les composantes de couleur prennent les valeurs suivantes : 00 ,33 ,66 ,99 , CC,FR, de toutes les manières possibles 216 leurs combinaisons.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66FF00 66FF33 33FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000FF 0000CC 0033CC 000033 3333FF 3300FF 3300CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
voir code voir code voir code voir code voir code voir code

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 qui sont les plus sûres et les plus 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

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 des codes couleurs qui vous permettent d'ajouter de la couleur à vos phrases.

Couleurs et codes de formatage

Le signe esperluette (&) suivi de 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é :

CodeNomNom techniqueCouleur du symboleCouleur de l'ombre du symbole
R.gBHexR.gBHex
&0 Noirnoir0 0 0 000000 0 0 0 000000
&1 Bleu foncébleu foncé0 0 170 0000AA0 0 42 00002A
&2 Vert foncévert foncé0 170 0 00AA000 42 0 002A00
&3 Bleu-vert foncédark_aqua0 170 170 00AAA0 42 42 002A2A
&4 Rouge foncérouge foncé170 0 0 AA000042 0 0 2A0000
&5 Violet foncéviolet_foncé170 0 170 AA00AA42 0 42 2A002A
&6 Oror255 170 0 FFAA0042 42 0 2A2A00
&7 Grisgris170 170 170 AAAAAA42 42 42 2A2A2A
&8 Gris foncégris foncé85 85 85 555555 21 21 21 151515
&9 Bleubleu85 85 255 5555FF21 21 63 15153F
&unVertvert85 255 85 55FF5521 63 21 153F15
&bBleu vertaqua85 255 255 55FFFF21 63 63 153F3F
&cRougerouge255 85 85 FF555563 21 21 3F1515
&dViolet clairviolet clair255 85 255 FF55FF63 21 63 3F153F
&eJaunejaune255 255 85 FFF5563 63 21 3F3F15
&FBlancblanc255 255 255 FFFFFF63 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 :

CodeNom
&kTexte magique
&lVignette
& mTexte barré
&nTexte souligné
&oTexte en italique
&rTexte sans mise en forme