CSS-Farbnamen-Referenz
Durchsuchen Sie benannte CSS-Farben nach Name oder Hexadezimalwert und ermitteln Sie bei Bedarf die nächstgelegene benannte Farbe.
Tool ausführen
Diese Referenz für CSS-Farbnamen ermöglicht das gezielte Durchsuchen einer integrierten Farbsammlung nach Farbnamen oder Hexadezimalwerten. Wenn Sie das Suchfeld leer lassen, stellt das Tool alle hinterlegten Farbwerte in alphabetischer Reihenfolge bereit. Jeder Eintrag enthält den offiziellen Namen, den sechsstelligen Hexadezimalcode mit vorangestelltem Doppelkreuz sowie die drei ganzzahligen RGB-Kanalwerte von 0 bis 255. Geben Sie einen Begriff oder Teilbegriff ein, filtert die Suche automatisch nach passenden Treffern im Namen oder nach exakten Hex-Werten. Groß- und Kleinschreibung sowie führende oder nachfolgende Leerzeichen werden dabei automatisch bereinigt. Findet das Werkzeug keinen direkten Treffer für eine Eingabe, wertet es einen sechsstelligen Hexadezimalwert mit oder ohne Rautezeichen aus. In diesem Fall ermittelt das System anhand des quadrierten Abstands der RGB-Farbkanäle die nächstgelegene benannte Farbe aus der Sammlung. So finden Webentwickler und Designer schnell passende CSS-Farbnamen für eigene Stylesheets, Templates oder UI-Komponenten.
Anleitung
- Geben Sie im Suchfeld einen Farbnamen, einen Teilbegriff oder einen sechsstelligen Hexadezimalcode ein.
- Lassen Sie das Suchfeld leer, wenn Sie die gesamte Farbliste alphabetisch sortiert einsehen möchten.
- Starten Sie die Abfrage, um die passenden Farbeinträge mit Hex- und RGB-Angaben anzeigen zu lassen.
- Wenn ein eingegebener Hexadezimalcode keinem exakten Farbnamen entspricht, prüfen Sie den zusätzlich vorgeschlagenen nächstgelegenen Farbwert.
Beispiele
- Suche nach 'blue': Listet alle Farbnamen auf, die die Zeichenkette 'blue' enthalten, wie 'aliceblue', 'cadetblue' oder 'royalblue', jeweils mit Hex- und RGB-Werten.
- Suche nach '#ff5733': Da dieser Hexadezimalcode keinem exakten Farbnamen entspricht, ermittelt das Tool die rechnerisch nächstgelegene benannte Farbe (wie 'coral' oder 'tomato').
- Leere Eingabe: Zeigt die gesamte Kollektion aller hinterlegten CSS-Farbnamen von A bis Z an.
FAQ
Werden Groß- und Kleinschreibung bei der Suche unterschieden?
Nein. Die Eingabe wird vor dem Abgleich automatisch in Kleinbuchstaben umgewandelt und von führenden sowie nachfolgenden Leerzeichen bereinigt.
Was passiert, wenn für einen Farbcode kein exakter Name existiert?
Handelt es sich bei der Eingabe um einen gültigen sechsstelligen Hexadezimalwert, berechnet das Tool über den quadrierten RGB-Kanalabstand die ähnlichste verfügbare benannte Farbe.
Werden auch dreistellige Hex-Kurzschreibweisen verwendet, um die ähnlichste benannte Farbe zu finden?
Die nächstgelegene benannte Farbe wird nur für sechsstellige Hexadezimalwerte (mit oder ohne '#') ermittelt. Dreistellige Kurzformen werden nicht verwendet, um die ähnlichste benannte Farbe zu finden.
Welche Farbwerte liefert jeder Listeneintrag?
Jeder Treffer enthält den standardisierten Farbnamen, den Hexadezimalcode mit vorangestelltem Doppelkreuz sowie die separaten ganzzahligen RGB-Werte für Rot, Grün und Blau.