Comment puis-je obtenir le mot de couleur le plus proche pour une couleur hexadécimale?
30
Disons que j'ai une couleur comme # 7B0D40. Existe-t-il des outils pour produire le mot compréhensible par l'homme le plus proche pour cette couleur? (Comme # 7B0D40 ~ = Magenta?)
Je sais qu'il existe des moyens de rechercher les mots utilisés en CSS pour décrire des valeurs hexadécimales explicites par exemple, mais j'aimerais pouvoir retirer une couleur sélectionnée organiquement et obtenir rapidement un nom descriptif pour la couleur approximative.
Existe-t-il des outils permettant d'estimer rapidement un terme spécifique et lisible par l'homme pour une couleur à partir d'une valeur hexadécimale / autre couleur explicite?
Des évaluations humaines rapides de ce qu'est une couleur se traduisent généralement par des termes inutilement vagues comme "bleu" ou "rouge" au lieu de "Azure" ou "Magenta", donc "juste le globe oculaire" n'est pas assez IMO.
La réponse de Lauren est correcte. Les noms de couleurs sont pour la plupart arbitraires, même sans tenir compte de ce que les services marketing proposent (sans parler des différences culturelles et linguistiques).
Dans le monde de l'art, il existe des noms pour certaines couleurs de peinture qui sont à peu près standard, car leurs formules sont vieilles de plusieurs siècles et parce que les peintres doivent savoir que s'ils achètent du bleu de cobalt d'Amazon, ce sera le même que le bleu de cobalt qu'ils ont utilisé à acheter chez Honest Joe's Burgers and Art Supplies ("Nourrir les artistes affamés depuis 1927") avant de fermer.
Il existe également un sous-ensemble de noms de couleurs basés sur la nature, mais la nature est notoirement inconstante: "rose rose" recouvre une bande reconnaissable mais très imprécise de teinte, de saturation et de chrominance.
La recherche de précision en dehors d'un système de couleurs tel que Pantone ou Munsell, ou même W3C, est une cause perdue. Vous allez trouver les mêmes noms appliqués à des couleurs différentes et des noms différents appliqués aux mêmes couleurs, selon l'endroit où vous regardez. La dénomination des couleurs est subjective et imprécise. Pire, en ce qui concerne Internet, vous n'avez aucun contrôle sur les paramètres d'affichage d'un visiteur de site donné. Votre "Or pâle" devient assez "Moutarde".
Il existe un outil en ligne qui vous donnera un nom utilisable (pas le nom) pour toute valeur hexadécimale RVB donnée. Les noms sont assez précis, et selon le site ont été choisis en éditant ensemble diverses listes (y compris celles de Crayola). Vous pouvez également télécharger le javascript. Ne prenez pas cela comme une sorte d'absolu ou de «standard»; c'est la synthèse d'une personne à partir de plusieurs sources qui étaient suffisamment en conflit pour qu'il mentionne le fait spécifiquement. Et gardez à l'esprit que le rendu réel à l'écran pour une valeur hexadécimale donnée est une variable générique sur laquelle vous n'avez aucun contrôle.
Voilà un petit outil utile! C'est le plus proche de ce que je cherchais, très bon de connaître l'arrière-plan d'aucun nom de couleur standard cependant.
Ben Brocka
2
Ben demandez-vous des noms de couleurs CSS ou des noms de couleurs en général? S'il s'agit de noms de couleurs HTML, ils constituent une norme.
DA01
Ben, un excellent exemple est "Azure". Cet outil sert le # 315BA1, que j'appellerais un French Blue, mais French Blue n'est pas sur sa liste. En revanche, la couleur Web W3C «azur» est # f0ffff, à 180 degrés sur la roue de teinte HSB. L'entrée de Wikipedia pour azur donne la teinte 210.
Alan Gilbertson
10
Je pense que le problème est le "terme humain spécifique".
Il est difficile pour deux personnes de s'entendre sur ce qu'est, par exemple, "turquoise" (par opposition à aqua, sarcelle ou "turqua"). Il existe environ 247 couleurs différentes qui pourraient être étiquetées avec précision «beige». La langue est tout simplement trop flexible.
Vous pouvez créer une base de données qui associe le # 7B0D40 au magenta. Vous pouvez apporter votre puce à Home Depot et la faire passer sous la machine de peinture assortie et la faire cracher une couleur de peinture appelée "Fuschia Kiss, 100B-6". Mais quand vous aurez deux degrés de moins, vous l'appellerez # eb70a9 et je l'appellerai "Blushing Pink" et mon directeur artistique l'appellera "Soft Rose" et ma belle-sœur dira " C'est le nouveau rouge à lèvres Revlon toute la journée, Crushed Peony Boogers. "
C'est pourquoi nous avons des systèmes de correspondance des couleurs. Parce que si la couleur de votre entreprise est PMS214, vous ne voulez pas qu'elle apparaisse à l'écran en tant que # f8cfdf et revienne imprimée en tant que Crushing Peony Boogers.
Eh bien, il existe au moins les noms de couleurs standard CSS qui correspondent aux codes de couleur: w3schools.com/cssref/css_colornames.asp mais c'est une liste très limitée. J'espérais que quelque chose comme la liste de couleurs de Wikipedia pourrait être utilisé, mais en y regardant, je note qu'ils utilisent également des mots spécifiques au domaine. Je n'arrive pas à croire qu'un bon standard n'existe toujours pas ...
Ben Brocka
1
Lauren, tu m'as complètement foutu au point que j'ai failli tomber de ma chaise. Je veux une puce de Cropped Peony Boogers immédiatement ! :-D
Alan Gilbertson
1
Je continue de me faire rire chaque fois que je le lis. C'est un gardien. :) Je pense que nous devrions créer un groupe appelé Crushed Peony Boogers. Ou peut-être ouvrir une boutique: Crushed Peony Boogers Design. Ce serait un logo.
Lauren-Reinstate-Monica-Ipsum
Je vais jouer de la basse ... :-)
Alan Gilbertson
Et je vais crier)
Vnovak
8
Si nous parlons de couleurs, en général, Alan et Laruen sont corrects ... les noms sont vagues et non spécifiques.
Cependant, puisque vous posez des questions sur la conversion des couleurs HEX, je suppose que vous faites référence aux spécifications CSS et à leurs couleurs nommées, qui, en fait, correspondent à des couleurs très spécifiques:
Pour mapper une couleur choisie (ou codée hexadécimale) sur une couleur Web standard la plus proche à utiliser sur le Web (en tant que nom de couleur CSS étendu), vous pouvez également utiliser cet outil (pour Windows uniquement):
Celui-ci a l'avantage sur celui lié par DA01 ( Trouver le nom de couleur le plus proche ) en ce qu'il prend en charge le jeu de couleurs étendu, pas seulement le jeu de base.
Mais comme inconvénient, c'est une application graphique uniquement pour Windows, pas une application Web.
ce site Web vous donne le nom le plus proche de style crayola, tapez simplement l'hex ou rgb et c'est parti! le logiciel et la peinture d'Adobe (10) ont également cette capacité, mais ce n'est pas tout à fait aussi précis, par exemple, ma couleur de signature que j'utilise pour TOUT est # 007282 Adobe la classe comme "cyan profond" la peinture la désigne comme "turquoise profonde" qui est certes plus proche de la marque, mais nommer cette couleur y ferait référence à un "lagon bleu"
Une autre option très intéressante est d'utiliser, bien sûr, Wolfram Alpha. http://www.wolframalpha.com/ (un moteur de calcul informatique, selon leurs propres mots)
Entrez simplement par exemple
rgb 160 118 171
Et il vous dira que les couleurs HTML les plus proches sont le prune et le violet , ainsi que les couleurs Pantone et, bien sûr, mais sans répondre à la question, les conversions en une douzaine d'autres espaces colorimétriques.
Si vous le convertissez en HSV / HSL, je pense que vous pouvez faire quelque chose. Dans cet espace colorimétrique que vous jouez avec Hue, Saturation et Light, vous pouvez diviser Hue en domaines spécifiés et utiliser une table de recherche pour Hue> ColorName.
L'automatisation du processus de sélection est «laissée comme excersise pour le lecteur» (si cela n'a pas déjà été fait), mais je crois que quelque part ici sur Stack Exchange, ils jouent au golf de code avec.
Your Custom Color: #F5F4D6
Close/Near Official Colors in terms of light/dark (bold=closest/nearest):
BlanchedAlmond #FFEBCD ; AntiqueWhite #FAEBD7 ;PapayaWhip #FFEFD5
Close/Near Official Colors in terms of rgb (red-green-blue) pattern (bold=closest/nearest in terms of light/dark):
BlanchedAlmond #FFEBCD ; AntiqueWhite #FAEBD7 ; PapayaWhip #FFEFD5
Je pense que le problème est le "terme humain spécifique".
Il est difficile pour deux personnes de s'entendre sur ce qu'est, par exemple, "turquoise" (par opposition à aqua, sarcelle ou "turqua"). Il existe environ 247 couleurs différentes qui pourraient être étiquetées avec précision «beige». La langue est tout simplement trop flexible.
Vous pouvez créer une base de données qui associe le # 7B0D40 au magenta. Vous pouvez apporter votre puce à Home Depot et la faire passer sous la machine de peinture assortie et la faire cracher une couleur de peinture appelée "Fuschia Kiss, 100B-6". Mais quand vous aurez deux degrés de moins, vous l'appellerez # eb70a9 et je l'appellerai "Blushing Pink" et mon directeur artistique l'appellera "Soft Rose" et ma belle-sœur dira " C'est le nouveau rouge à lèvres Revlon toute la journée, Crushed Peony Boogers. "
C'est pourquoi nous avons des systèmes de correspondance des couleurs. Parce que si la couleur de votre entreprise est PMS214, vous ne voulez pas qu'elle apparaisse à l'écran en tant que # f8cfdf et revienne imprimée en tant que Crushing Peony Boogers.
la source
Si nous parlons de couleurs, en général, Alan et Laruen sont corrects ... les noms sont vagues et non spécifiques.
Cependant, puisque vous posez des questions sur la conversion des couleurs HEX, je suppose que vous faites référence aux spécifications CSS et à leurs couleurs nommées, qui, en fait, correspondent à des couleurs très spécifiques:
http://www.w3.org/TR/css3-color/#html4
Quant à un outil spécifique, Google m'a conduit ici:
http://shallowsky.com/colormatch/index.php
la source
Pour mapper une couleur choisie (ou codée hexadécimale) sur une couleur Web standard la plus proche à utiliser sur le Web (en tant que nom de couleur CSS étendu), vous pouvez également utiliser cet outil (pour Windows uniquement):
http://www.codeproject.com/Articles/243610/The-Known-Colors-Palette-Tool-Revised
Celui-ci a l'avantage sur celui lié par DA01 ( Trouver le nom de couleur le plus proche ) en ce qu'il prend en charge le jeu de couleurs étendu, pas seulement le jeu de base.
Mais comme inconvénient, c'est une application graphique uniquement pour Windows, pas une application Web.
la source
http://chir.ag/projects/name-that-color/#899200
ce site Web vous donne le nom le plus proche de style crayola, tapez simplement l'hex ou rgb et c'est parti! le logiciel et la peinture d'Adobe (10) ont également cette capacité, mais ce n'est pas tout à fait aussi précis, par exemple, ma couleur de signature que j'utilise pour TOUT est # 007282 Adobe la classe comme "cyan profond" la peinture la désigne comme "turquoise profonde" qui est certes plus proche de la marque, mais nommer cette couleur y ferait référence à un "lagon bleu"
la source
Une autre option très intéressante est d'utiliser, bien sûr, Wolfram Alpha. http://www.wolframalpha.com/ (un moteur de calcul informatique, selon leurs propres mots)
Entrez simplement par exemple
Et il vous dira que les couleurs HTML les plus proches sont le prune et le violet , ainsi que les couleurs Pantone et, bien sûr, mais sans répondre à la question, les conversions en une douzaine d'autres espaces colorimétriques.
la source
Si vous le convertissez en HSV / HSL, je pense que vous pouvez faire quelque chose. Dans cet espace colorimétrique que vous jouez avec Hue, Saturation et Light, vous pouvez diviser Hue en domaines spécifiés et utiliser une table de recherche pour Hue> ColorName.
la source
Nous sommes 5 ans plus tard et la science a progressé :) Voici une enquête intéressante de XKCD:
https://blog.xkcd.com/2010/05/03/color-survey-results/
Et l'aperçu qui en résulte:
http://xkcd.com/color/rgb/
L'automatisation du processus de sélection est «laissée comme excersise pour le lecteur» (si cela n'a pas déjà été fait), mais je crois que quelque part ici sur Stack Exchange, ils jouent au golf de code avec.
la source
Oui, c'est facile, ce site vous donnera les noms les plus proches de tout code couleur hexadécimal ... https://yellowbearjourneys.com/color_themes/color_closest.html
Voici quelques exemples de sortie:
la source