Online Tool Store
Farbpaletten-Namensgeber
Fügen Sie Farben ein und erhalten Sie für jede einen Namen, die nächste CSS-Farbe, Duplikat-Warnungen und WCAG-Kontrast – als CSS oder JSON exportierbar.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
Browser-Tool
Farbpaletten-Namensgeber
So funktioniert es
- Fügen Sie Ihre Farben ein — Hex, rgb() oder CSS-Farbnamen, eine pro Zeile oder durch Kommas getrennt.
- Jede erhält einen Namen: einen exakten CSS-Farbnamen bei naher Übereinstimmung, sonst eine generierte Beschreibung wie „Kräftiges Dunkelblau“.
- Prüfen Sie die Warnungen auf nahezu identische Farben und die Kontrastwerte, falls Sie eine Farbe als Text oder Hintergrund verwenden.
- Exportieren Sie die gesamte Palette als CSS-Custom-Properties oder JSON.
FAQ
Werden meine Daten irgendwohin hochgeladen?
Nein. Color Palette Namer läuft vollständig in Ihrem Browser — es wird nichts an einen Server gesendet.
Woher kommen die Namen?
Aus zwei Quellen. Liegt eine Farbe nah an einem der 148 Standard-CSS-Farbschlüsselwörter (z. B. „forestgreen“ oder „royalblue“ — gegen die CSS/SVG-Spezifikation verifiziert), wird dieser exakte Name verwendet. Andernfalls wird ein beschreibender Name aus Farbton, Helligkeit und Sättigung erzeugt, wie „Kräftiges Dunkelblau“ oder „Gräuliches Hellgrün“ — nie ein erfundener, nicht verifizierbarer Name.
Was zählt als „Fast-Duplikat“-Farbe?
Zwei Farben, die im wahrnehmbaren Farbraum (gemessen in CIE Lab, nicht rohem RGB) so nah beieinander liegen, dass sie nebeneinander fast identisch aussehen — üblich, um es zu erkennen, bevor eine Palette mit zwei nicht unterscheidbaren Farbfeldern ausgeliefert wird.
Was bedeuten die Kontrastwerte?
Das WCAG-2-Kontrastverhältnis dieser Farbe gegen reines Weiß und reines Schwarz, von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß). AA benötigt 4,5:1 für normalen Text oder 3:1 für großen Text; AAA benötigt 7:1 — nützlich, um zu prüfen, ob eine Farbe als Text oder Hintergrund sicher ist.
Kann ich mehrere Farben auf einmal eingeben?
Ja — eine pro Zeile oder durch Kommas getrennt. Hex-Codes, rgb()/rgba() und CSS-Farbnamen werden alle akzeptiert.
Wie genau ist das Ergebnis?
Die 148 exakten CSS-Farbnamen sind gegen die CSS Color Module / SVG-Spezifikation verifiziert. Abstände zwischen Farben nutzen eine Standard-sRGB-zu-Lab-Umrechnung, geprüft gegen veröffentlichte Referenzwerte. Die beschreibenden Namen folgen einem Schema aus klaren Farbton-/Helligkeits-/Sättigungsbereichen, keinem Raten.
Kann ich die Namen für Design-Tokens oder einen Styleguide nutzen?
Ja — genau dafür ist es gebaut: eine Palette aus Hex-Codes in menschenlesbare Namen zu verwandeln, die Sie in Token-Namen, Dokumentation oder einen Styleguide statt roher Hex-Werte einsetzen können.
So schneiden wir ab
| Funktion | Online Tool Store | Theme & Color Hex-Finder | Bezahlte Design-Software |
|---|---|---|---|
| Benennt eine ganze Palette auf einmal, nicht nur eine Farbe | ✓ | ✗ | ✓ |
| Erkennt Fast-Duplikat-Farben in derselben Palette | ✓ | Nicht anwendbar — nur eine Farbe | ✗ |
| WCAG-Kontrast gegen Weiß und Schwarz direkt angezeigt | ✓ | ✗ | Meist ein separates Tool |
| Exakte Treffer nutzen einen verifizierten Standard-CSS-Farbnamen | ✓ | ✓ | Markenspezifische Benennung |
| Kostenlos, keine Anmeldung | ✓ | ✓ | Oft abonnementbasiert |
Namensfinder für einzelne Farben sind dafür gebaut, ein Farbfeld nach dem anderen nachzuschlagen. Dieses Tool ist für die Prüfung einer ganzen Palette gebaut — die Fast-Duplikat- und Kontrastprüfungen finden genau die Probleme, bevor eine Palette ausgeliefert wird.