Exakte Logofarben
Logo-Farben-Extraktor
Der Logo-Farben-Extraktor findet die exakten Farbcodes in einer Logodatei. Er entfernt den Hintergrund und die gemischten Pixel an den Kanten und liefert dann jede Logofarbe als HEX, RGB, HSL, OKLCH, Lab und als CMYK-Schätzung.
- Kostenlos, ohne Anmeldung
- Bilder verlassen nie dein Gerät
- Exakte Pixelfarben
Logo hier ablegen
oder mit Ctrl+V einfügen. SVG, PNG, JPG, WebP. Transparente PNG- oder SVG-Dateien liefern exakte Farben.
Wie funktioniert der Logo-Farben-Extraktor?
Der Logo-Farben-Extraktor zählt die exakten Farben in einer Logodatei, entfernt die Farben des Hintergrunds und der Kantenmischungen und liefert die übrigen Farben nach Fläche sortiert.
Logo hinzufügen
Lege eine SVG-, PNG-, JPG- oder WebP-Datei ab oder füge ein kopiertes Logo ein. SVG-Dateien und transparente PNG-Dateien liefern exakte Werte.
Hintergrund wird entfernt
Wenn mindestens 60 % des äußeren Bildrands eine einzige Farbe haben, gilt diese Farbe als Hintergrund und verlässt die Palette. Ein Schalter stellt sie wieder her.
Kantenmischungen werden verworfen
Pixel entlang von Kurven mischen die benachbarten Farben. Eine Farbe, die auf der Mischlinie zwischen zwei Logofarben liegt und nur an Kanten vorkommt, wird entfernt.
Codes kopieren
Jede Logofarbe zeigt ihre Werte in HEX, RGB, HSL, HSB, OKLCH, Lab und CMYK sowie ihren WCAG-Kontrast zu Weiß und Schwarz.
Warum zeigt ein Logo zusätzliche Farben?
Ein Logo zeigt zusätzliche Farben wegen Kantenglättung und Kompression. Die Kantenglättung (Anti-Aliasing) mischt die Pixel entlang von Kurven und schrägen Kanten mit der Nachbarfarbe, und die JPEG-Kompression verschiebt Farben nahe den Kanten.
Der Logo-Modus zählt exakte Farben, statt Gruppen zu mitteln, behält den häufigsten echten Wert jeder Farbe und entfernt die Mischfarben. Ein Foto-Extraktor meldet diese Mischfarben als eigene Farben.
Welche Logodatei liefert die genauesten Farben?
| Dateityp | Farbgenauigkeit | Grund |
|---|---|---|
| SVG | Exakt | Vektorformen speichern ihre Farbcodes als Text, und der Extraktor gleicht seine Ergebnisse an diese Werte an |
| PNG | Exakt | Verlustfreie Kompression erhält jeden Pixelwert |
| WebP (verlustfrei) und GIF | Exakt | Verlustfreie Speicherung; GIF fasst höchstens 256 Farben |
| JPEG | Annähernd | Verlustbehaftete Kompression und Chroma-Subsampling verändern Farben, am stärksten an Kanten |
Der englische Ratgeber How to find your logo's exact color codes erklärt Dateiformate und Druckcodes ausführlich.
Welche Farbcodes braucht ein Logo?
Ein Logo braucht HEX-Codes für Websites, RGB-Werte für Bildschirmdesign, CMYK-Werte für den Vierfarbdruck und eine Pantone-Referenz für den Sonderfarbendruck.
| Codesystem | Medium | Hier verfügbar |
|---|---|---|
| HEX | Websites und CSS | Exakt |
| RGB | Bildschirme, Apps und Video | Exakt |
| CMYK | Vierfarbdruck | Schätzung ohne ICC-Profil |
| Pantone (PMS) | Sonderfarbendruck | Nicht verfügbar, da Pantone-Farbdaten lizenziert sind |
Wie prüfst du, ob deine Website die Logofarben verwendet?
Du prüfst das, indem du deine Website mit dem Website-Farben-Extraktor analysierst und ihre Markenfarbe mit dem HEX-Code des Logos vergleichst. Jeder Unterschied zwischen den beiden Codes bedeutet, dass die Website eine Annäherung an die Logofarbe verwendet.
Der Tab Kontrast zeigt, ob jede Logofarbe den WCAG-Kontrast als Text auf Weiß oder Schwarz erfüllt. WCAG nimmt Logos von den Kontrastanforderungen aus, doch Text in einer Markenfarbe braucht weiterhin 4,5:1.
Wer braucht einen Logo-Farben-Extraktor?
Kleinunternehmer
Stimme ein Shop-Theme, eine Ankündigungsleiste und Social-Media-Grafiken auf die exakte Logofarbe ab.
Designer
Baue eine Markenpalette aus dem Logo eines Kunden nach, wenn kein Styleguide existiert.
Druckeinkäufer
Sammle exakte Bildschirmwerte und einen CMYK-Ausgangspunkt für das Gespräch mit einer Druckerei.
Entwickler
Exportiere die Logofarben als CSS-Variablen oder als Tailwind-Theme.
Häufige Fragen zum Logo-Farben-Extraktor
Kann ich die Pantone-Farbe meines Logos erhalten?
Nein. Pantone-Farbdaten sind lizenziert, daher liefert der Extraktor exakte HEX- und RGB-Werte und eine CMYK-Schätzung. Eine Druckerei oder die Tools von Pantone ordnen diesen Werten eine PMS-Farbe zu.
Warum zeigt mein JPG-Logo mehr Farben als erwartet?
Die JPEG-Kompression verändert Farben nahe den Kanten. Erhöhe Ähnliche zusammenführen, oder nutze eine PNG- oder SVG-Version des Logos für exakte Werte.
Was, wenn der Hintergrund Teil meines Logos ist?
Schalte Hintergrund entfernen aus. Die Hintergrundfarbe kehrt dann mit ihrem Bildanteil in die Palette zurück.
Wird mein Logo hochgeladen?
Nein. Das Logo wird in deinem Browser dekodiert und analysiert und verlässt nie dein Gerät.
Kann ich die Farben eines Logos auf einer Website ermitteln?
Ja. Der Website-Farben-Extraktor liest das Header-Logo und das Website-Icon einer URL und listet ihre Farben neben den CSS-Farben auf.