Kurzhex erweitern

CSS und Design-Tools schreiben Farben oft als dreistellige Kurzform wie #f0a statt der vollständigen sechsstelligen Form #ff00aa. Browser erweitern diese Kurzschreibweise, indem sie jede Hexadezimalziffer verdoppeln, sodass jeder Kanal ein volles Byte wird. Dieses Werkzeug zum Erweitern von Kurzhex-Farben nimmt einen dreistelligen Code mit oder ohne führendes Rautenzeichen entgegen, prüft, dass jedes Zeichen eine Hexadezimalziffer ist, und liefert die deterministische sechsstellige Expansion sowie die zugehörigen ganzzahligen Rot-, Grün- und Blaukanäle. Frontend-Entwickler nutzen es, wenn Design-Tokens als kurze Codes ankommen und Stylesheets, Snapshots oder Designsysteme die Langform brauchen. Studierende und QA-Skripte prüfen damit, ob eine handgeschriebene Palette bytegenau der CSS-Color-Module-Regel entspricht.

Was die 3-stellige Kurzform bedeutet und wie die Expansion funktioniert

In CSS darf eine Hex-Farbe mit drei Ziffern nach optionaler Raute geschrieben werden: ein Nibble für Rot, eines für Grün und eines für Blau. Die offizielle Expansionsregel ist einfach und absolut: Jede Ziffer wird einmal wiederholt, sodass aus drei Zeichen sechs werden. Zum Beispiel wird #abc zu #aabbcc, #f0a zu #ff00aa und #000 zu sechs Nullen.

Diese Regel ist weder Heuristik noch perzeptuelle Näherung; es ist dieselbe Abbildung, die Browser beim Parsen eines Stylesheets anwenden. Dieser Rechner kodiert genau diese Abbildung. Es gibt keinen Pfad, der einen vierten Kanal erfindet, Alpha erhält oder 0x-Präfixe als gültige CSS-Farben behandelt.

Nutzen Sie einen dedizierten Hex-zu-RGB- oder Multiformat-Konverter, wenn Sie bereits sechs Ziffern haben und nur Kanalzahlen brauchen; nutzen Sie diese Seite, wenn die Eingabe bewusst kurz ist und die Aufgabe darin besteht, die Langform mit klarem Validierungsvertrag zu materialisieren.

Wo das Erweitern von Kurzhex seinen Nutzen zeigt

Designsysteme erhalten Markenfarben oft als dreistellige Codes aus älteren Styleguides, Figma-Plugins oder handschriftlichen Notizen, während moderne Token-Pipelines und CSS-Custom-Properties sechsstellige Hashes für Grepping, Snapshot-Diffs und 1:1-Kanalzuordnung bevorzugen. Einmaliges Erweitern der Kurzform an der Grenze hält alle nachgelagerten Verbraucher auf der Langform, ohne dass jedes Team die Verdopplungsregel leicht unterschiedlich neu implementiert.

Lehrmaterialien für Webentwicklung führen dreistellige Farben früh ein, weil sie leicht zu tippen sind, und verlangen dann, dass Lernende die Expansion erklären; ein deterministisches Werkzeug zeigt, dass #fff Weiß ist und dass #f0a nicht dasselbe ist wie erfundene fehlende Ziffern. QA- und Accessibility-Pipelines speichern Farben manchmal in gemischten Formaten; das Normalisieren kurzer Codes auf sechs Ziffern vor Kontrastprüfungen vermeidet falsche Abweichungen, wenn eine Seite Kurzform und die andere Langform nutzte.

Kombinieren Sie diesen Expander mit RGB- oder HSL-Konvertern, wenn Sie andere Räume brauchen, und halten Sie diese Seite fokussiert, wenn die einzige Aufgabe von drei auf sechs Ziffern unter einem strengen Validierungsvertrag lautet, der bereits lange Codes und illegale Zeichen ablehnt statt zu raten.