CSS-Farbnamen-Finder
Finde den nächsten CSS-Farbnamen zu einem beliebigen Hex-Wert — alles im Browser berechnet.
Den nächsten CSS-Farbnamen zu einem Hex-Wert finden
Tippe oder wähle eine Hex-Farbe und das Tool findet die nächste Übereinstimmung aus dem Satz der CSS-Farbnamen per Euklidischer Distanz im RGB-Raum. Du siehst den übereinstimmenden Namen, seinen exakten Hex-Wert und den Abstand zu deiner Eingabe. Klicke auf eines der Farbmuster, um die Farbe zu kopieren. Bei exakter Übereinstimmung ist die Distanz null und kein Annäherungshinweis wird angezeigt.
Das Tool deckt alle 148 CSS-Farbnamen aus der CSS Color Level 4-Spezifikation ab, einschließlich des erweiterten Satzes wie cornflowerblue, darkorchid und lightslategray. Es ist nützlich, wenn du einen Hex-Wert aus einem Design-Tool hast und einen menschenlesbaren Namen für Dokumentation oder Code-Kommentare möchtest.
FAQ
Wie wird die nächste Farbe berechnet? Das Tool berechnet die Euklidische Distanz im RGB-Raum: sqrt((dr)^2 + (dg)^2 + (db)^2). Die benannte Farbe mit der kleinsten Distanz wird zurückgegeben.
Was, wenn zwei Farben gleich nah sind? Die erste Übereinstimmung in der internen Liste wird zurückgegeben. Gleichstände sind in der Praxis extrem selten, da die meisten Farbnamen über den Farbraum verteilt sind.