Zufällige Farbe mit CSS

Inhaltsverzeichnis

Zufälligen Hex-Wert generieren

Habt ihr auch einen Button oder ein anderes Objekt auf eurer Website, welches ein wenig mehr Aufmerksamkeit vertragen könnte? Vielleicht einen kleinen Block mit Werbung, in CSS gestaltet, um ihn an die Seite anzupassen? Dann könnte folgendes Snippet für mehr Abwechslung und damit auch für mehr Aufmerksamkeit beim Nutzer sorgen. Mit PHP ist es nämlich ohne weiteres möglich, einen zufälligen Hex-Wert auszugeben, also eine zufällige Farbe zu generieren. So wird der entsprechende Bereich oder Button immer wieder anders dargestellt, was die Augen natürlich entsprechend anlockt und zum Klicken einlädt.

Folgendes direkt an die passende Stelle eurer PHP-Datei kopieren:

<?php printf( "#%06X\n", mt_rand( 0, 0xFFFFFF )); ?>

So sollte es dann in Verbindung mit CSS aussehen:

...style="background:<?php printf( "#%06X\n", mt_rand( 0, 0xFFFFFF )); ?> !important;"

Mehr Abwechslung per Zufall

Das “!important” sorgt noch einmal zusätzlich dafür, dass tatsächlich der angegebene Wert genutzt wird, nicht ein woanders hinterlegter hinzugezogen wird. Ansonsten ist das ganze sehr minimalistisch und klein ausgefallen. Denkt bitte daran, dass ein Caching-Plugin den generierten Wert natürlich speichert und demnach für jede Seite immer die zuvor generierte Farbe anzeigt, bis der Cache geleert und erneuert wird. Allgemein ein interessantes kleines Snippet, für alle die mehr Abwechslung in ihr Design oder ihre Buttons bringen möchten.

Christian Pust
WordPress & Onlinemarketing Experte mit über 15 Jahren Erfahrung. Entwickler & CEO von Trackboxx – der Google Analytics Alternative.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Das könnte dich auch interessieren

Du benötigst Unterstützung bei deinem WordPress Projekt?

Dein Ansprechpartner
Christian