Zufälliger HEX-Farbcode-Generator
Erzeugen Sie mehrere zufällige hexadezimale Farbcodes auf einmal, mit visueller Vorschau, Kopieren einzelner Codes und Export als CSS-Variablen.
So funktioniert es
Sie brauchen Inspiration für eine Website-Palette, ein Testfarbset für einen Entwurf oder einfach eine Zufallsfarbe für ein kreatives Projekt? Wählen Sie die gewünschte Anzahl an Farben und erzeugen Sie alle mit einem Klick: Jedes Farbfeld zeigt seinen Hexadezimal-Code, der einzeln kopiert werden kann, mit einem gebündelten Export als CSS-Variablen, die Sie direkt in ein Stylesheet übernehmen können.
Wie funktioniert ein hexadezimaler Farbcode?
Ein HEX-Code wie #3a6df0 kodiert drei Werte von 0 bis 255 (Rot, Grün, Blau), umgerechnet ins Hexadezimalsystem, also zwei Hexadezimalziffern pro Komponente. Es ist das in CSS und im Webdesign am häufigsten verwendete Format, weil es kompakt ist und sich leicht kopieren und einfügen lässt.
Kann ich diese Farben direkt in meinem CSS-Code verwenden?
Ja: Die Schaltfläche „Als CSS-Variablen kopieren“ formatiert alle erzeugten Farben automatisch als benutzerdefinierte Variablen (--color-1, --color-2 usw.), bereit zum Einfügen in Ihr Stylesheet.
Die Farben werden vollständig in Ihrem Browser über WebAssembly erzeugt, ohne jede Verbindung zu einem externen Server.