Couleur indigo dans Word. Noms de couleurs et de nuances

Tableau (palette) de couleurs html vous donne la possibilité de choisir indépendamment le ton dont vous avez besoin. La valeur de couleur est affichée dans trois formats : Hex, RVB et HSV.

• Hex se compose de trois valeurs à deux caractères dans le système numérique hexadécimal. Par exemple : #ff00b3, où la première paire de chiffres est rouge, la deuxième est verte et la troisième est bleue.
• RVB (RedGreenBlue) a la forme « 200 100 255 », indiquant la quantité de ton correspondant (rouge, vert, bleu) dans la couleur résultante.
• HSV (Teinte, Saturation, Valeur - tonalité, saturation, valeur) est un modèle de couleur dans lequel les coordonnées sont :
  • Teinte - tonalité de couleur, peut varier de 0° à 360°.
  • Saturation - saturation, varie de 0-100 ou 0-1. Plus ce paramètre est élevé, plus la couleur est « pure », c'est pourquoi ce paramètre est parfois appelé pureté des couleurs. Et plus ce paramètre est proche de zéro, plus la couleur est proche du gris neutre.
  • Valeur (valeur de couleur) - définit la luminosité, la valeur peut également varier entre 0-100 ou 0-1.

Entrez le code couleur : ALLER

Liste des couleurs avec noms

Le tableau répertorie les noms des couleurs sur Anglais(qui peuvent être utilisés comme valeurs) pris en charge par tous les navigateurs, ainsi que leurs valeurs hexadécimales. Toutes les couleurs répertoriées sont « sûres », ce qui signifie qu’elles apparaîtront de la même manière dans tous les navigateurs.

La palette de couleurs et de nuances utilisée par les artistes et designers est tout simplement incroyable. Et grâce à l’évolution des tendances, les fashionistas du monde entier étudient avec autant d’attention les combinaisons de couleurs, tout comme les magazines de mode. Ainsi, en y regardant de plus près, la couleur jaune familière se divise en : moutarde, or, citron, safran, canari, poire, maïs, chartreuse, bourgeon printanier, jaune dahlia, mandarine, or antique... et cette liste n'est pas exhaustive. de ses nuances ! Comment comprendre la variété de nuances existante et, surtout, est-ce nécessaire ? Après tout, la perception de la couleur est purement subjective, elle est influencée non seulement par des facteurs culturels, mais également par des facteurs physiologiques (la capacité de l'œil à distinguer les nuances de couleur varie d'une personne à l'autre selon la nature). De plus, une teinte peut paraître plus chaude ou plus froide selon les couleurs qui l’entourent.

Couleurs et nuances froides

Pour démontrer clairement la continuité des transitions de couleurs et de nuances, une roue chromatique est utilisée. Il repose sur trois couleurs : rouge, jaune et bleu. En mélangeant ces couleurs entre elles, on obtient des couleurs intermédiaires : orange, vert et violet. Toutes les autres nuances sont obtenues en mélangeant ces couleurs entre elles, ainsi qu'avec le noir et le blanc.

Il existe trois manières principales d’afficher la roue chromatique, bien qu’elles soient essentiellement la même chose.

La base des couleurs froides est une nuance bleuâtre. Si, en regardant une couleur, vous pouvez imaginer que le bleu, le gris ou - cette nuance est froide - brille à travers elle.

Les nuances froides sont :

• rouge foncé;

• cochenille;

• écarlate;

• alizarine;

• cramoisi;

• cardinal;

• magenta;

• aubergine;

• glycine;

• citrique;

• taupe;

• jade;

• bleu vert;
• indigo;

• Bleu de Prusse ;

• grille à gauche ;

• anthracite;

• Marengo.

Nuances de couleurs chaudes

Il convient de garder à l’esprit que la perception de nombreuses nuances dépend des couleurs voisines. L’expression « tout se sait par comparaison » est très pertinente pour la température de couleur. Même parmi les nuances d’une même échelle de température, vous pouvez trouver des nuances plus chaudes et plus froides. Le moyen le plus simple de comparer les nuances est avec un neutre (par exemple le blanc). Les nuances de couleurs chaudes auront une « lueur » de jaune, de rouge ou de rose.

Ceux-ci incluent :

Par ailleurs, il existe également des couleurs dites neutres :

Pour une combinaison correcte de couleurs et de nuances, vous devez apprendre à distinguer les tons chauds des tons froids. Il existe trois façons de créer des compositions de couleurs.

Pour le premier d’entre eux, plusieurs nuances d’une même couleur sont choisies. Cette méthode convient pour créer des ensembles discrets et élégants.

Pour la seconde, les couleurs adjacentes (situées les unes à côté des autres sur la roue chromatique) sont combinées.

La troisième méthode utilise des couleurs complémentaires (situées sur les parties opposées de la roue chromatique). De cette manière, on obtient les compositions les plus accrocheuses et les plus efficaces.

Comme vous pouvez le constater, cela vaut toujours la peine d'apprendre à distinguer les couleurs et nuances chaudes et froides, mais il n'est pas du tout nécessaire de mémoriser les noms de chacune des dizaines de tons et demi-teintes. Même si vous êtes styliste ou designer, il sera plus facile d'emporter avec vous plusieurs palettes de couleurs avec des noms que de garder constamment les couleurs à l'esprit. De plus, il est beaucoup plus facile de montrer un exemple de couleur que d'essayer d'expliquer la différence entre, par exemple, le rouge indien, le saumon et le corail clair.

Bonjour, chers lecteurs du site blog. Je continue de publier des articles dans la rubrique « ». Aujourd'hui, je veux parler des couleurs dans le code HTML et CSS, expliquer pour ceux qui ne savent pas encore comment les définir, comment elles sont formées, comment utiliser des programmes spécialement conçus à cet effet pour rechercher ou capturer la couleur souhaitée, et bien plus.

La question de la spécification de la teinte souhaitée peut être particulièrement pertinente pour les webmasters débutants, lorsque les codes donnés dans le document Web ne sont pas tout à fait clairs (par exemple, #f3af6c) et qu'il n'est pas clair comment et où ces informations peuvent être obtenues (où obtenir trouvez le HTML et Couleurs CSS), et comment les utiliser pour concevoir un texte ou tout autre bloc d'un document Web.

Permettez-moi de vous rappeler que nous connaissons déjà les principes fondamentaux utilisés dans . Nous avons également déjà examiné les tags et appris, beaucoup appris et comment.

Codes et tableau des couleurs RVB de base

Il est tout à fait logique que le langage de balisage hypertexte et les feuilles de style en cascade offrent la possibilité de concevoir les documents en couleurs, car dans sinon les sites seraient très ennuyeux et du même type. Pour ce faire, ils utilisent généralement un modèle appelé RVB (un acronyme dérivé de trois mots anglais signifiant rouge, vert et bleu).

En modèle RVB seules trois couleurs sont utilisées (il est clair que ce sont le rouge, le vert et le bleu), chacune pouvant être représentée par différents niveaux luminosité de la lueur. Pour chaque canal (rouge, vert et bleu), vous pouvez sélectionner l'un des 256 niveaux de luminosité possibles. Le nombre 256 est pris car un grand nombre de valeurs de teinte peuvent être codées dans un octet d'informations.

En conséquence, pour notre document Web, nous pouvons choisir n'importe quelle teinte parmi un grand nombre de nuances possibles (256*256*256). Par exemple, pour obtenir du noir, les trois canaux de la palette de couleurs doivent avoir une valeur de luminosité nulle et pour obtenir du blanc, le rouge, le vert et le bleu doivent avoir une luminosité maximale.

Essayons maintenant de comprendre comment régler la luminosité dans chaque canal et combien de possibilités avons-nous pour cela ?

En fait, il y a deux manières principales:

1. réglage en enregistrant la luminosité de chaque canal (rouge, vert et bleu) en notation hexadécimale
2. tâche en saisissant le nom de la couleur dans le code du document Web

Commençons par les plus complexes et essayons de comprendre comment écrire les couleurs en code hexadécimal. Si nous voulions, par exemple, écrire le code du blanc dans le système décimal, nous obtiendrions le code 256 256 256 et pour le noir - 0 0 0. Ici, probablement, tout est clair.

Mais dans le système numérique hexadécimal, en plus des chiffres arabes, les six premières lettres de l'alphabet latin sont également utilisées, et il existe sa propre spécificité dans la formation des nombres. Je ne pense pas que cela vaut la peine d'approfondir cela, mais à titre d'exemple, je dirai que le blanc pour HTML peut être défini comme ceci : #ffffff, et le noir comme ceci : #000000. Ceux. 00 correspond à 0 en notation décimale et ff correspond à 256.

Ceux. par canal Couleurs RVB Le code CSS autorise deux chiffres hexadécimaux, donc les entrées de valeur de couleur se composent de six chiffres (ou lettres équivalentes aux chiffres en hexadécimal), précédés d'un signe dièse « # ». C'est assez simple.

Par exemple, dans le tableau ci-dessous pour les nuances les plus simples, leurs entrées hexadécimales ressembleront à ceci :

Bien entendu, vous n'êtes pas obligé de proposer et de comparer des codes de teintes hexadécimaux avec ceux que vous souhaitez voir sur votre projet Internet. Vous pouvez sélectionner des couleurs pour le site dans n'importe quel éditeur graphique (même en ), où vous verrez certainement un enregistrement de cette nuance au format RVB, ou trouver un tableau de couleurs HTML et copier le code dont vous avez besoin à partir de là.

Yandex Colors - sélection de la palette de nuances RVB dans les résultats Yandex

Je ne veux pas l'utiliser à cette fin éditeur graphique ou chercher un tableau avec des codes ? Aucun problème. Faites défiler un peu cette page et vous trouverez de nombreux programmes spécifiques et spécialement conçus pour travailler avec la couleur en code Html ou CSS.

Si cela ne vous convient pas, ouvrez-le simplement et saisissez-le dans la barre de recherche. demande avec le nom de cette teinte, qui vous intéresse (même si vous pouvez simplement saisir : gris-brun-framboise).

En conséquence, tout en haut des résultats de recherche, vous verrez un tableau de palette Yandex.Colors très pratique pour sélectionner les couleurs de votre site. Dans le coin inférieur droit de cette palette, vous pouvez copier le code hexadécimal de la teinte dont vous avez besoin (il y a un dièse devant), qu'il vous suffit ensuite de coller au bon endroit dans votre document Web.

Tout cela est réalisé grâce à ce qu'on appelle, conçu pour aider les maquettistes et les concepteurs.

Tu peux définir la couleur dans la barre de recherche Yandex, à la fois sous la forme de son nom et sous la forme d'un code - vous verrez ainsi à quoi il ressemblera à l'écran et, si nécessaire, vous pourrez obtenir sa notation hexadécimale.

En fait, cet outil peut être utile utilisateurs ordinaires Internet, par exemple, pour comprendre à quoi ressembleront des meubles dans les tons brun argenté-framboise moucheté. Vous pouvez également regarder une vidéo sur l'utilisation de ce sorcier Yandex :

Quelques couleurs dans le langage de balisage hypertexte peut être spécifié à l'aide de mots, par exemple, « noir » signifie noir, « blanc » signifie blanc, etc. Mais il y a une mise en garde. Le réglage de la couleur n'est donc possible que pour un nombre limité d'entre eux.

Eh bien, premièrement, il est probablement clair que vous ne pourrez pas représenter les 16 millions de nuances possibles dans le schéma RVB en utilisant des mots dans n'importe quel tableau (vous en aurez assez de le faire défiler).

Deuxièmement, dans le validateur W3C pour la spécification Hypertext Markup Language 4.01 (il est entièrement pris en charge par tous navigateurs possibles pour le moment), seules 16 couleurs sont définies, qui peuvent être spécifiées en code Html ou CSS avec les mots :

Vous pouvez également trouver des tables de nuances beaucoup plus détaillées qui peuvent être spécifiées en mots dans le code, mais il est possible que dans certains navigateurs, cette couleur ne s'affiche pas correctement.

Ainsi, en plus du tableau des 16 teintes de base donné juste ci-dessus, toutes les autres couleurs doivent être précisées dans le code documents Web en utilisant uniquement la notation hexadécimale, afin d'éviter les excès inutiles.

Utiliser les codes couleurs et les noms en webmastering

Sur à l'heure actuelle toute la conception externe pages Web laissé au CSS (feuilles de style en cascade) et spécifier le code couleur directement en HTML est extrêmement rare, mais cela arrive toujours. De plus, il existe des situations où il est impossible d'utiliser des tables externes pour une raison ou une autre. Styles CSS(par exemple, dans le cas de la création d'une release).

Par conséquent, je vais quand même donner un exemple de définition des couleurs en HTML, même si dans ce cas elles seront déjà utilisées balises non recommandées par le validateur du W3C. Par exemple, auparavant, la couleur de l'arrière-plan était définie dans la balise « BODY » via l'attribut « bgcolor », et le texte était immédiatement coloré sur toute la page Web à l'aide de l'attribut « text ».

Le réglage des nuances requises dans ce cas pourrait ressembler, par exemple, à ceci :

Contenu du document

Le résultat est une page Web avec un fond beige et une police bleu foncé. Avant que CSS ne soit utilisé, pour changer la couleur de la police de n'importe quelle section individuelle du texte, la balise « FONT », qui n'est plus recommandée par le validateur du W3C, était largement utilisée, dans laquelle l'attribut « color » du même nom était inclus pour définir la couleur :

section de texte qui devait être colorée en bleu

Afin de voir le résultat du code écrit à l'écran, vous devez enregistrer ce fichier avec l'extension HTML, puis l'ouvrir dans n'importe quel navigateur qui vous convient.

Désormais, pour que la mise en page de votre site soit considérée comme valide, il est recommandé définir les couleurs des éléments dans la feuille de style en cascade grâce à des règles et des propriétés appropriées. Les règles d'une telle insertion en CSS ne diffèrent pas de celles décrites ci-dessus.

Comme vous pouvez le constater, parfois pour raccourcir la notation des teintes, non pas six caractères sont utilisés, mais seulement trois, s'ils correspondent pour chaque canal - « #6с0 » au lieu de « #66с00 ».

Sélectionnez une couleur dans la palette d'un programme spécial ou capturez-la depuis l'écran

Comme je l'ai écrit juste au-dessus, le jeu de couleurs RVB (rouge, vert, bleu) est utilisé partout. Pour chacune des trois couleurs principales, il existe 256 gradations - de 0 à 255 (si nous convertissons ces valeurs au système numérique hexadécimal, nous obtenons - de 00 à FF).

Parce que nous avons trois couleurs principales, à partir de la combinaison desquelles toutes les autres nuances sont formées, alors la notation hexadécimale ressemblera à ceci : 99FF66 (nuance de vert). En ajoutant # devant, on obtient le code #99FF66, qui peut être utilisé aussi bien en HTML que dans les fichiers de style. Il va sans dire que vous n'avez pas à comprendre et à vous souvenir de toutes ces absurdités.

Pour cela, vous pouvez utiliser programme spécial, vous permettant de sélectionner la teinte souhaitée sur la palette (ou capturez-le depuis l'écran outil comme une pipette) et obtenez immédiatement son code. Vous n'avez pas besoin d'avoir un programme, mais allez simplement sur Yandex et tapez le nom de n'importe quelle couleur dans la barre de requête (j'en ai parlé juste au-dessus).

Voici une liste de programmes qui vous permettent de mettre pleinement en œuvre tout cela :

Bonne chance à vous ! A bientôt sur les pages du site blog

Vous pourriez être intéressé

Listes en code Html - Balises UL, OL, LI et DL
Comment insérer un lien et une image (photo) en HTML - Balises IMG et un
Comment créer un lien hypertexte (A, Href, Target blank), comment l'ouvrir dans une nouvelle fenêtre du site, et aussi faire d'une image un lien en code Html
Police (visage, taille et couleur), balises Blockquote et Pre - formatage de texte existant en HTML pur (sans en utilisant CSS)
Tableaux en HTML - Balises Table, Tr et Td, ainsi que Colspan, Cellpadding, Cellspacing et Rowspan pour les créer
Formulaires HTML pour le site - balises Form, Input et Select, Option, Textarea, Label et autres pour créer des éléments de formulaire Web Select, Option, Textarea, Label, Fieldset, Legend - Balises HTML pour le formulaire de listes déroulantes et de champs de texte
Img- Balise HTML pour insérer une image (Src), aligner et enrouler du texte autour de celle-ci (align), ainsi que définir l'arrière-plan (background)
Directives de commentaires et Doctype en code HTML, ainsi que la notion d'éléments bloc et inline (balises)
Qu'est-ce que le langage de balisage hypertexte HTML et comment afficher une liste de toutes les balises dans le validateur W3C
Caractères d'espacement et leur formatage du code en HTML, ainsi que les caractères d'espacement insécables spéciaux et autres mnémoniques

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 : bleu 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 RVB(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) suivies d'un 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.