Hex-Farbcodes aus Text extrahieren

Wie man den Hex-Farbcode-Extraktor verwendet

Fügen Sie CSS, HTML, Designnotizen oder jeglichen Text ein, der Hex-Farben enthält. Das Tool findet Codes wie #0F5C8C und #abc, und listet sie dann zum Kopieren oder Herunterladen auf. Die Verarbeitung läuft in Ihrem Browser.

1. Fügen Sie Ihren Text ein in das Eingabefeld (Stylesheets, HTML-Schnipsel oder Designnotizen).
2. Optionen wählen
   • Doppelte Farben entfernen — behalte jede Farbe einmal.
   • Format standardisieren (Großbuchstaben) — auf Großbuchstaben-Hex normalisieren.
   • Kurze Farbcodes (#abc) einschließen — also 3-stellige Hexadezimalzahlen abgleichen.
   • Kurzform auf 6-stellig erweitern (#abc → #AABBCC) — wandelt #abc in #AABBCC um, wenn die Kurzform aktiviert ist.
   • Farbvorschau anzeigen — Farbfelder neben den Werten anzeigen.
3. Klicken Sie auf „Farbcode extrahieren“.
4. Kopieren, herunterladen oder überprüfen die extrahierte Liste und Vorschauen.

Häufige Anwendungsfälle

• CSS / Themenüberprüfungen: Ziehe jede Hex-Farbe aus einer Stylesheet- oder Design-Token-Datei.
• Markenkonsistenz: Sammeln Sie Farben, die in HTML-Vorlagen oder E-Mail-Markups verwendet werden.
• Design-Übergabe: Farben aus Notizen oder exportiertem CSS extrahieren, bevor ein UI-Kit neu aufgebaut wird.
• Aufräumen: Finden Sie übrig gebliebene oder doppelte Farben, bevor Sie eine Palette konsolidieren.

Welche Formate werden erkannt?

• 6-stelliges Hex: #0F5C8C, #ff5733 (mit oder ohne # je nach Kontext im Text
• 3-stellige Kurzform: #abc, #F00 (wenn „Kurze Form einschließen“ aktiviert ist)
• Erweiterte Kurzform: #abc → #AABBCC wenn Erweiterung aktiviert ist

RGB/HSL-Funktionen werden hier nicht konvertiert — dieses Werkzeug extrahiert nur hexadezimale Farbwerte.

Beispiel: Vorher und Nachher

Mit aktiviertem „Kurzdarstellung einbeziehen“, „Kurzdarstellung erweitern“, „Duplikate entfernen“ und „Format standardisieren“:

.btn {
  color: #ff0000;
  background: #abc;
  border-color: #FF0000;
  outline: #0F5C8C;
}

#FF0000
#AABBCC
#0F5C8C

#ff0000 und #FF0000 auf einen Großbuchstabenwert reduzieren. Kurz #abc erweitert sich zu #AABBCC.

Häufig gestellte Fragen (FAQ)

Privatsphäre

Alle Übereinstimmungen erfolgen auf Ihrem Gerät mit JavaScript. Wir speichern den Text, den Sie einfügen, oder die Farben, die Sie extrahieren, nicht.