Named-Color-Finder
Nächste CSS-Farbe und nächsten Tailwind-Farbton für eine beliebige Farbe finden — perzeptiv abgeglichen mit kopierbereiten Werten.
Beliebige Farbe eingeben oder auswählen und sofort die nächste benannte CSS-Farbe und den nächsten Tailwind-Farbton sehen — perzeptiv im Browser abgeglichen.
Über Named-Color-Finder
Der Named Color Finder beantwortet eine einfache Frage: Wie heißt diese Farbe? Gib eine beliebige Farbe ein oder wähle sie, und er liefert sofort die nächstliegende CSS-Farbnamen zurück: aus der Standardliste, die Browser verstehen, wie „steelblue“ oder „coral“, zusammen mit der nächstliegenden Tailwind-Palettenstufe, etwa „sky-600“.
Der Abgleich erfolgt perzeptuell statt rein numerisch, sodass die vorgeschlagenen Namen tatsächlich wie deine Eingabefarbe aussehen, statt nur in reinen RGB-Werten nahe zu liegen. Ein Differenzindikator sagt dir, ob der Treffer exakt, sehr nah oder nur annähernd ist, damit du weißt, wie viel Genauigkeit du gegen einen einprägsamen Namen eintauschst.
Die Suche läuft vollständig in deinem Browser, mit Kopierbuttons bei jedem Ergebnis. Sie ist praktisch, um lesbareres CSS zu schreiben, beliebige Markenfarben an eine Tailwind-Skala anzugleichen oder einfach zu erfahren, wie eine aus einem Foto gewählte Farbe heißen würde.
So verwenden Sie Named-Color-Finder
- Gib einen Farbwert ein oder wähle einen mit dem Farbwähler; klicke auf „Zufällig“ zum Erkunden.
- Lies den nächstliegenden CSS-Farbnamen und die nächstliegende Tailwind-Stufe, nebeneinander mit deiner Eingabe angezeigt.
- Prüfe den Differenzindikator, um zu sehen, wie nah jeder Treffer ist.
- Klicke auf „Kopieren“ bei dem Wert, den du verwenden möchtest.