Hex-Farbkurzform erweitern

Geben Sie beispielsweise #3a7 ein und erhalten Sie #33aa77 für Stylesheets, Design-Tokens, Konfigurationsdateien oder APIs, die die Langform verlangen. Vor der Erweiterung wird die gesamte Eingabe geprüft. Sechsstellige Farben, Alpha-Varianten, unzulässige Zeichen und unvollständige Werte führen deshalb zu einer verständlichen Fehlermeldung. Die Ausgabe wird in Kleinbuchstaben vereinheitlicht und enthält stets das führende Doppelkreuz, sodass Sie sie direkt in CSS verwenden können.

So funktioniert die dreistellige Hex-Erweiterung

Eine CSS-Hex-Farbe beschreibt Rot, Grün und Blau gewöhnlich mit jeweils zwei Stellen. In der Kurzform steht für jeden Kanal nur eine Stelle. Beim Erweitern werden weder Nullen ergänzt noch ähnliche Farbtöne geschätzt; jedes ursprüngliche Zeichen wird verdoppelt. Deshalb wird #3a7 zu #33aa77: Aus der roten 3 wird 33, aus dem grünen a wird aa und aus der blauen 7 wird 77. Diese Wiederholung bewahrt exakt die Farbe, welche die Kurzform nach den CSS-Regeln bezeichnet. Das Werkzeug akzeptiert Hex-Buchstaben in Groß- und Kleinschreibung und vereinheitlicht das Ergebnis in Kleinbuchstaben. So bleiben erzeugte Konfigurationen konsistent, ohne die Farbe zu verändern. Das führende Doppelkreuz ist bei der Eingabe optional, weil Werte aus Tabellen, Kommandozeilenargumenten oder Formularen häufig ohne CSS-Zeichen vorliegen. Der vollständige Rückgabewert enthält es immer; ein zweites Feld liefert dieselben sechs Stellen ohne Präfix. Es gibt keine Farbraumumrechnung und keine Rundung, sondern nur eine direkte, deterministische Zeichenumwandlung.

Welche Eingaben gültig sind

Eine gültige Eingabe enthält nach einem optionalen führenden Doppelkreuz genau drei Hexadezimalstellen. Zulässig sind die Ziffern 0 bis 9 sowie A bis F in Groß- oder Kleinschreibung. Beispiele wie #09f, abc und F0C sind gültig; #12, #1234, #112233, red, 0xabc und #ggg sind es nicht. Diese strenge Regel ist wichtig, weil ähnlich aussehende Formate unterschiedliche Bedeutungen besitzen. Vier Stellen können eine Kurzform mit Alpha-Kanal darstellen, sechs Stellen sind bereits erweitert. Würden solche Werte stillschweigend angenommen, erfüllte die Funktion nicht mehr ihren festgelegten Zweck. Äußere Leerzeichen werden für die übliche Formular- und Zwischenablagenutzung entfernt, Leerzeichen innerhalb der Farbe bleiben jedoch ungültig. Die Eingabe muss außerdem eine Zeichenfolge sein, weil Zahlen bedeutende führende Nullen verlieren können. Schlägt die Prüfung fehl, gibt die API einen Fehler für ungültige Eingaben mit einem Hinweis auf die erforderliche Form zurück. Dadurch erkennen automatisierte Abläufe Fehler und schreiben keine fehlerhaften Werte in Stylesheets oder Token-Sammlungen.

Die erweiterte Farbe im Arbeitsablauf verwenden

Verwenden Sie den erweiterten Wert, wenn ein nachfolgendes Werkzeug, ein Schema oder eine Teamkonvention sechsstellige Farben verlangt. Ein Migrationsskript kann alte Tokens vor dem Vergleich vereinheitlichen, ein Design-System-Import kann kompakte Werte vor der Speicherung kanonischer Tokens umwandeln und eine Validierungspipeline kann versehentliche Namen oder Alpha-Formen an ihrer Grenze ablehnen. Da die Ausgabe als stabiler Text in Kleinbuchstaben vorliegt, erzeugen unterschiedliche Schreibweisen denselben kanonischen Wert. Das hält Diffs und Cache-Schlüssel übersichtlich. Der Browser-Runner nutzt dieselbe reine Logik wie die API; interaktiv geprüfte Werte verhalten sich in der Automatisierung identisch. Der Vorgang benötigt kein Netzwerk und fragt keine externe Farbdatenbank ab. Senden Sie eine Kurzform im Feld hex und lesen Sie expanded für einen CSS-fertigen Wert oder expanded_no_hash, wenn das Zielsystem sein eigenes Präfix setzt. Eine API-Ausführung kostet $0.002 pro Anfrage. Für RGB-Kanäle, HSL-Werte, Farbnamen, Mischungen oder Kontrast verwenden Sie bitte eine dafür vorgesehene Farbfunktion.