Wie kann ich das nächste Farbwort für eine Hex-Farbe finden?


30

Angenommen, ich habe eine Farbe wie # 7B0D40. Gibt es Tools, um das nächste für den Menschen verständliche Wort für diese Farbe auszugeben? (Wie # 7B0D40 ~ = Magenta?)

Ich weiß, dass es Möglichkeiten gibt, die in CSS verwendeten Wörter zu suchen, um beispielsweise explizite Hex-Werte zu beschreiben, aber ich würde gerne eine organisch ausgewählte Farbe herausnehmen und schnell einen aussagekräftigen Namen für die ungefähre Farbe erhalten.

Gibt es Tools, um einen bestimmten, für den Menschen lesbaren Begriff für eine Farbe bei einem expliziten hexadezimalen oder anderen Farbwert schnell abzuschätzen?

Schnelle menschliche Einschätzungen einer Farbe führen normalerweise zu unnütz vagen Begriffen wie "blau" oder "rot" anstelle von "azurblau" oder "magenta", daher ist "nur Augapfel" IMO nicht genug.

Antworten:


18

Laurens Antwort ist richtig. Farbnamen sind meist willkürlich, auch ohne Berücksichtigung , was Marketing - Abteilungen kommen mit (nicht kulturellen und sprachlichen Unterschiede zu nennen).

In der Kunstwelt gibt es Namen für bestimmte Farben, die so ziemlich Standard sind, weil ihre Formeln Jahrhunderte alt sind und weil Maler wissen müssen, dass sie beim Kauf von Kobaltblau von Amazon das gleiche Kobaltblau verwenden wie sie bei Honest Joe's Burger und Art Supplies ("Ernähren hungernder Künstler seit 1927") zu kaufen, bevor sie ihr Geschäft aufgaben.

Es gibt auch eine Untergruppe von Farbnamen, die auf der Natur basieren, aber die Natur ist notorisch launisch: "Rosenrosa" bedeckt einen erkennbaren, aber sehr ungenauen Streifen von Farbton, Sättigung und Chroma.

Die Suche nach Präzision außerhalb eines Farbsystems wie Pantone oder Munsell oder sogar W3C ist eine verlorene Sache. Sie werden die gleichen Namen finden, die auf verschiedene Farben angewendet werden, und verschiedene Namen, die auf die gleichen Farben angewendet werden, je nachdem, wo Sie suchen. Farben zu benennen ist subjektiv und ungenau. Schlimmer noch, wenn es um das Internet geht, haben Sie keinerlei Kontrolle über die Anzeigeeinstellungen eines bestimmten Site-Besuchers. Ihr "Pale Gold" wird ziemlich leicht zu "Senf".

Es gibt ein Online-Tool , das Ihnen einen verwendbaren Namen (nicht den Namen) für einen bestimmten RGB-Hex-Wert gibt. Die Namen sind genau genug und wurden je nach Site durch Bearbeiten verschiedener Listen (einschließlich Crayolas) ausgewählt. Sie können auch das Javascript herunterladen. Nehmen Sie dies nicht als eine Art absoluten oder "Standard"; Es ist die Synthese einer Person aus mehreren Quellen, die oft genug in Konflikt geraten ist, so dass er diese Tatsache ausdrücklich erwähnt. Beachten Sie, dass das tatsächliche Rendern auf dem Bildschirm für einen bestimmten Hex-Wert eine wilde Variable ist, über die Sie keine Kontrolle haben.


Das ist ein hilfreiches kleines Werkzeug! Das kommt dem, wonach ich gesucht habe, am nächsten, aber es ist sehr gut, den Hintergrund ohne Standardfarbnamen zu kennen.
Ben Brocka

2
Ben fragen Sie nach CSS-Farbnamen oder Farbnamen im Allgemeinen? Bei HTML-Farbnamen handelt es sich um einen Standard.
DA01,

Ben, ein gutes Beispiel dafür ist "Azure". Dieses Tool hat die Nummer 315BA1, die ich als French Blue bezeichnen würde, aber French Blue ist nicht auf seiner Liste. Im Gegensatz dazu ist die W3C-Webfarbe "azurblau" bei 180 Grad auf dem HSB-Farbtonrad # f0ffff. Der Wikipedia-Eintrag für azure hat den Farbton 210.
Alan Gilbertson

10

Ich denke, das Problem ist der "spezifische menschliche Begriff".

Es fällt zwei Menschen schwer, sich darauf zu einigen, was "türkis" ist (im Gegensatz zu "aqua", "blaugrün" oder "türkis"). Es gibt ungefähr 247 verschiedene Farben, die genau als "beige" bezeichnet werden könnten. Sprache ist einfach zu flexibel.

Sie könnten eine Datenbank einrichten, die # 7B0D40 mit Magenta übereinstimmt. Sie könnten Ihren Chip zum Home Depot bringen und ihn unter der Farbanpassungsmaschine winken lassen und ihn dazu bringen, eine Farbe namens "Fuschia Kiss, 100B-6" zurückzuspucken. Aber wenn du zwei Grad heller wirst, wirst du es # eb70a9 nennen und ich werde es "Blushing Pink" nennen und mein Art Director wird es "Soft Rose" nennen und meine Schwägerin wird sagen " Das ist Revlons neuer ganztägiger Lippenstift, Crushed Peony Boogers. "

Deshalb haben wir Farbabstimmungssysteme. Wenn Ihre Unternehmensfarbe PMS214 ist, soll sie nicht als # f8cfdf auf dem Bildschirm angezeigt und als Crushed Peony Boogers zurückgegeben werden.


2
Nun, es gibt zumindest die CSS-Standardfarbnamen, die den Farbcodes entsprechen: w3schools.com/cssref/css_colornames.asp, aber die Liste ist sehr begrenzt. Ich hatte gehofft, dass so etwas wie die Farbenliste von Wikipedia verwendet werden könnte, aber wenn ich mir das anschaue, stelle ich fest, dass sie auch domänenspezifische Wörter verwenden. Ich kann nicht glauben, dass ein guter Standard immer noch nicht existiert ...
Ben Brocka

1
Lauren, du hast mich total verrückt gemacht, bis ich fast von meinem Stuhl gefallen wäre. Ich möchte sofort einen Crushed Peony Boogers Chip ! :-D
Alan Gilbertson

1
Ich kichere jedes Mal, wenn ich es lese. Es ist ein Hüter. :) Ich denke wir sollten eine Band namens Crushed Peony Boogers gründen. Oder vielleicht ein Geschäft eröffnen: Crushed Peony Boogers Design. Das wäre ein Logo.
Lauren-Reinstate-Monica-Ipsum

Ich werde Bass spielen ... :-)
Alan Gilbertson

Und ich werde schreien)
Vnovak

8

Wenn wir über Farben sprechen, sind Alan und Laruen im Allgemeinen richtig ... die Namen sind vage und unspezifisch.

Da Sie jedoch nach der Konvertierung von HEX-Farben fragen, nehmen wir an, dass Sie sich auf die CSS-Spezifikationen und ihre benannten Farben beziehen, die tatsächlich sehr spezifischen Farben zugeordnet sind:

http://www.w3.org/TR/css3-color/#html4

Was ein bestimmtes Tool betrifft, hat mich Google hierher geführt:

http://shallowsky.com/colormatch/index.php


4

Sie können dieses Tool auch verwenden, um eine bestimmte ausgewählte Farbe (oder hexadezimal codierte Farbe) auf eine am nächsten im Web zu verwendende web-sichere Standardfarbe (als erweiterter CSS-Farbname) abzubilden (nur für Windows):

http://www.codeproject.com/Articles/243610/The-Known-Colors-Palette-Tool-Revised

Dieser hat gegenüber dem von DA01 ( Find the Nearest Matching Color Name ) den Vorteil, dass er den erweiterten Farbsatz unterstützt, nicht nur den Basisfarbsatz.

Nachteilig ist jedoch, dass es sich um eine reine Windows-GUI-Anwendung handelt, nicht um eine Web-App.


3

http://chir.ag/projects/name-that-color/#899200

Diese Website gibt Ihnen den nächstgelegenen Namen im Crayola-Stil. Geben Sie einfach das Hex oder RGB ein und los geht's! Adobe-Software und Paint (10) verfügen ebenfalls über diese Funktion, aber es ist nicht ganz so genau. Meine Signaturfarbe, die ich für ALLES verwende, ist beispielsweise Zwar näher an der Marke, aber nennen Sie diese Farbe würde es eine "blaue Lagune" beziehen


3

Eine andere ernsthaft interessante Option ist natürlich die Verwendung von Wolfram Alpha. http://www.wolframalpha.com/ (eine rechnergestützte Knoledge-Engine, nach eigenen Worten)

Geben Sie einfach zum Beispiel

rgb 160 118 171

Und es wird Ihnen sagen, dass die nächsten HTML-Farben Pflaume und Violett sind , ebenso wie die Pantone-Farben und natürlich, ohne die Frage zu beantworten, Konvertierungen in ein Dutzend oder so andere Farbräume.


1

Wenn Sie es in HSV / HSL konvertieren, können Sie meiner Meinung nach etwas tun. In diesem Farbraum, den Sie mit Farbton, Sättigung und Licht spielen, können Sie den Farbton in bestimmte Domänen aufteilen und eine Nachschlagetabelle für Farbton> Farbname verwenden.



0

Ja, es ist ganz einfach, diese Site gibt Ihnen die Namen, die jedem Hex-Farbcode am nächsten kommen ... https://yellowbearjourneys.com/color_themes/color_closest.html

Hier ist ein Beispiel für die Ausgabe:

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
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.