Farbnamen finden
Finde den Namen einer Farbe aus ihrem HEX- oder RGB-Wert. Das Tool zeigt die fünf nächsten CSS-Farbnamen und die drei nächsten Tailwind-Farben, für Tailwind 4 und Tailwind 3, jeweils mit dem Abstand zu deiner Farbe. Kostenlos, in deinem Browser, und nichts wird gesendet.
So findest du den Namen einer Farbe
- 1Gib deine Farbe ein, als #hex, rgb(), hsl() oder in einer anderen Schreibweise
- 2Oder wähle sie mit dem Farbwähler aus
- 3Lies die nächsten Namen ab, die nächsten zuerst, und kopiere den passenden
- Die nächsten CSS- und Tailwind-Namen, jeweils mit ΔE
So werden die Namen gefunden
- Gemessen, wie das Auge sieht.Der Abstand ist CIEDE2000 (ΔE): 0 ist dieselbe Farbe, unter 1 kaum zu unterscheiden
- CSS und Tailwind.Die 148 Farbnamen von CSS und die Paletten von Tailwind 4 und Tailwind 3, nebeneinander
- Nichts wird gesendet.Deine Farbe wird von deinem Browser auf deinem eigenen Gerät verglichen
Was du tun kannst
- Jede Farbe benennen, eingegeben als #hex, rgb(), hsl(), hwb(), lab(), lch(), oklch() oder cmyk(), oder mit dem Farbwähler ausgesucht
- Die fünf nächsten CSS-Farbnamen sehen, etwa steelblue oder tomato, jeden mit Farbfeld
- Die drei nächsten Tailwind-4-Farben und die drei nächsten Tailwind-3-Farben sehen, etwa sky-600
- Den HEX-Wert jedes Namens mit einem Klick kopieren und mit deiner Farbe vergleichen
Gut zu wissen
- Die meisten Farben haben keinen genauen Namen. Das Tool nennt die nächsten, und das ΔE sagt dir, wie nah sie sind: Über 5 siehst du den Unterschied deutlich
- CSS schreibt manche Grautöne auf zwei Arten, gray und grey. Gezeigt wird nur die Schreibweise mit gray
- Tailwind 4 legt seine Farben in OKLCH fest, Tailwind 3 in HEX. Derselbe Name kann daher in beiden eine leicht andere Farbe sein
Fragen
Wie heißt die Farbe #3A7CA5?
Der nächste CSS-Name ist steelblue, mit einem ΔE von 3,88. Die nächste Tailwind-4-Farbe ist sky-600, mit 6,91. Mit dieser Farbe öffnet das Tool.
Was bedeutet ΔE?
ΔE ist der Unterschied zwischen zwei Farben, wie Menschen ihn sehen, hier gemessen mit CIEDE2000. Unter 1 sind sie kaum zu unterscheiden, über 5 ist der Unterschied deutlich.
Kann ich die Tailwind-Klasse zu einer HEX-Farbe finden?
Ja. Gib den HEX-Wert ein und lies die nächsten Namen für Tailwind 4 und Tailwind 3 ab, etwa sky-600. Den kannst du in einer Klasse wie bg-sky-600 verwenden.
Wird meine Farbe an einen Server gesendet?
Nein. Deine Farbe wird von deinem Browser auf deinem eigenen Gerät mit den Namen verglichen. Mit ihr geht keine Anfrage hinaus.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten