Ratgeber

Benannte Farben nach Namen oder Hexadezimalwert finden

Suchen Sie mit einem Farbnamen oder einem sechsstelligen Hexadezimalwert nach einer benannten Farbe und ihren RGB-Werten. Bleibt der direkte Abgleich bei einem gültigen sechsstelligen Wert aus, kann zusätzlich eine nächstgelegene benannte Farbe erscheinen.

Tool CSS-Farbnamen-Referenz

Wofür die Farbsuche geeignet ist

Dieses Werkzeug unterstützt Sie beim Nachschlagen benannter Farben. Als Suchwert eignen sich entweder ein Textteil aus dem Farbnamen oder ein Hexadezimalwert. Das ist praktisch, wenn Sie eine Bezeichnung zu einer vorhandenen Farbe finden, die gespeicherten Farbwerte prüfen oder eine nicht direkt benannte Farbe einer nahegelegenen benannten Farbe zuordnen möchten. Die Eingabe wird vor dem Abgleich vereinheitlicht: Großbuchstaben werden in Kleinbuchstaben umgewandelt, und Leerzeichen am Anfang oder Ende bleiben unberücksichtigt. Für eine gezielte Suche brauchen Sie deshalb die Schreibweise nicht erst selbst zu bereinigen.

So gehen Sie bei einer Suche vor

  1. Öffnen Sie die Farbsuche und entscheiden Sie, ob Sie nach einem Namen oder nach einem Hexadezimalwert suchen möchten. Das Suchfeld ist optional. Lassen Sie es leer, wenn Sie die Sammlung ohne Namens- oder Hexadezimalfilter durchsehen wollen.

  2. Tragen Sie den gewünschten Suchwert ein. Ein Name darf auch nur teilweise eingegeben werden, sofern dieser Text im Namen einer Farbe vorkommt. Bei einem Hexadezimalwert verwenden Sie die erzeugte sechsstellige Schreibweise; ein führendes # gehört zur Darstellung eines Ergebnisses und kann bei der Näherung optional vor dem Suchwert stehen.

  3. Starten Sie die Suche. Ein nicht leerer, normalisierter Suchwert führt zu einem direkten Treffer, wenn er innerhalb eines Farbnamen vorkommt oder genau der erzeugten kleingeschriebenen sechsstelligen Hexadezimaldarstellung entspricht. Zu jeder passenden Farbe gehören die Bezeichnung, ein Hexadezimalwert mit # sowie drei ganzzahlige Werte für die RGB-Kanäle.

  4. Prüfen Sie bei ausbleibender direkter Übereinstimmung, ob Ihr Wert nach einem optionalen # aus genau sechs gültigen Hexadezimalzeichen besteht. In diesem Fall wird zusätzlich eine nächstgelegene benannte Farbe anhand der quadrierten Abstände zwischen den drei RGB-Kanalwerten ausgewählt.

  5. Werten Sie die Anzeige passend zu Ihrer Eingabe aus. Bei einer Namenssuche lesen Sie die gefundenen Bezeichnungen und Werte ab. Bei leerem Feld wird die Sammlung alphabetisch nach Farbnamen verarbeitet. Für andere Farbformate oder nicht beschriebene Suchweisen sollten Sie keine entsprechende Zuordnung erwarten.

Was die angezeigten Zuordnungen bedeuten

Ein Namensbestandteil und ein Hexadezimalwert lösen unterschiedliche Arten des Abgleichs aus. Beim Textabgleich genügt es, dass die normalisierte Eingabe innerhalb des Namens vorkommt. Ein Hexadezimalwert zählt dagegen nur dann als direkter Treffer, wenn er der erzeugten sechsstelligen Darstellung einer Farbe entspricht. Die Ergebniswerte können Sie deshalb getrennt lesen: Der Name beschreibt die Zuordnung, der kleingeschriebene Wert mit # stellt die Farbe hexadezimal dar, und die drei ganzen Zahlen geben die einzelnen RGB-Kanäle an.

Ein gültiger sechsstelliger Hexadezimalwert ohne direkten Treffer liefert eine Näherungsinformation, keine nachträgliche Namensübereinstimmung. Für diese Auswahl werden die Abstände der roten, grünen und blauen Kanäle quadriert und zusammen betrachtet. Ein fehlender Näherungstreffer bei einer anderen Eingabe ist daher erwartbar, wenn nach dem optionalen # nicht genau sechs gültige Hexadezimalzeichen verbleiben.

Ein leeres Feld hat eine eigene Bedeutung und ist nicht dasselbe wie eine erfolglose gezielte Suche. Es entfernt den Namens- und Hexadezimalfilter und lässt die Sammlung in alphabetischer Reihenfolge nach Farbnamen verarbeiten. Falls während der Berechnung eine Ausnahme auftritt, wird daraus ein erfolgloses Ergebnis mit dem Text dieser Ausnahme.

Praktisches Beispiel

Sie prüfen, welcher benannte Farbe der Hexadezimalwert #336699 zugeordnet werden kann.

Geben Sie #336699 ein und starten Sie die Suche. Ordnen Sie die Anzeige danach entweder dem direkten Treffer oder, bei dessen Fehlen, der möglichen Näherungsinformation zu.

Die Anzeige kann eine direkte Farbübereinstimmung mit Name, kleingeschriebenem sechsstelligen Hexadezimalwert samt # und drei ganzzahligen RGB-Werten enthalten. Falls keine direkte Übereinstimmung entsteht und der Wert gültig ist, kann zusätzlich eine nächstgelegene benannte Farbe angegeben werden; ein konkreter Farbname oder Zahlenwert ist für diese Eingabe nicht vorgegeben.

Einschränkungen

  • Beschrieben sind Namensbestandteile, erzeugte Hexadezimalwerte und die Näherung für sechsstellige Hexadezimale. Für andere Farbformate oder abweichende Suchformen ist keine Zuordnung festgelegt.

Häufige Fehler

  • Wer einen verkürzten, falsch formatierten oder nicht unterstützten Farbwert als Näherungsanfrage verwendet, erhält keine solche Ersatzzuordnung. Verwenden Sie stattdessen einen Farbnamen für den Textabgleich oder sechs gültige Hexadezimalzeichen, optional mit vorangestelltem #, wenn eine Farbannäherung gesucht wird.

Häufige Fragen

Kann ich auch einen Teil eines Farbnamens eingeben?

Das ist möglich, wenn der eingegebene Text nach der Normalisierung innerhalb des Farbnamen vorkommt. Großschreibung und äußere Leerzeichen beeinflussen diesen Abgleich nicht.

Unter welcher Bedingung erscheint eine nächstgelegene Farbe?

Eine solche Information wird nur ergänzt, wenn kein direkter Treffer vorliegt und nach dem optionalen # genau sechs gültige Hexadezimalzeichen übrig bleiben. Die Auswahl beruht dann auf den quadrierten Abständen der RGB-Kanäle.

Welche Wirkung hat ein leeres Suchfeld?

Ohne Suchtext wird keine Namens- oder Hexadezimalbedingung angewendet. Die Sammlung wird stattdessen nach Farbnamen alphabetisch verarbeitet, sodass Sie sie der Reihe nach durchsehen können.

Tool

CSS-Farbnamen-Referenz