HEX-zu-RGB-Konverter

Sowohl CSS als auch Design-Tools unterstützen eine verkürzte dreistellige Hex-Notation — `#abc` — als kompakte Art, Farben zu schreiben, bei denen jeder Kanal zufällig eine wiederholte Ziffer nutzt, und sie expandiert durch Verdopplung jedes Zeichens statt durch Auffüllen mit Nullen: `#abc` wird zu `#aabbcc`, nicht zu `#0a0b0c`. Diese Unterscheidung zählt, weil die beiden möglichen Expansionen wirklich unterschiedliche Farben erzeugen, und es beim manuellen Konvertieren andersherum zu machen ist ein leichter, häufiger Fehler — jede Ziffer korrekt zu verdoppeln statt mit Nullen aufzufüllen ist genau das, was eine ordentliche Konvertierung richtig machen muss.

RGB-Werte werden konventionell als drei Zahlen von 0 bis 255 für Rot, Grün und Blau geschrieben, aber die genaue Notation variiert je nachdem, wo sie eingefügt werden — CSS akzeptiert `rgb(171, 187, 204)` mit Kommas, manche Design- und Illustrations-Tools erwarten dieselben drei Zahlen durch Leerzeichen getrennt ohne Kommas überhaupt, und ein paar Kontexte drücken jeden Kanal als Bruchteil von 0 bis 1 statt als Ganzzahl von 0 bis 255 aus. Den Wert hier aufgeschlüsselt zu sehen entfällt den Bedarf, manuell zwischen der spezifischen Notation zu konvertieren, die ein Ziel-Tool oder eine Codebasis zufällig erwartet.

Ein aus der Pipette eines Design-Tools, einem Marken-Styleguide, oder einem Screenshot-Farbwähler kopierter Hex-Code ist oft der einzige verfügbare Wert, ohne angehängte RGB-Aufschlüsselung — ihn hier einzufügen, um die RGB-, HSL- und CMYK-Äquivalente zusammen zu sehen, ist schneller, als jede Konvertierung einzeln nachzuschlagen oder die Arithmetik von Hand zu machen.