zufallsfarbeZufallsfarbe

Zufallsfarbe: eine neue Farbe mit einem Tipp

Dieser Zufallsfarben-Generator gibt dir bei jedem Tipp eine frische Farbe. Die ganze Seite färbt sich ein, du siehst die Farbe also in voller Größe statt als winziges Farbfeld, und ihr HEX-Code erscheint in riesiger Schrift, darunter die RGB- und HSL-Werte. Das Tool ist kostenlos, braucht weder Konto noch App und läuft im Browser auf Handy, Tablet und Computer.

So benutzt du den Farbgenerator

• Generieren. Drück auf „Generieren“, tippe auf den großen Farbcode oder drück die Leertaste. Die Seite füllt sich mit einer neuen Zufallsfarbe.
• Stil wählen. Im Satz steht „Gib mir irgendeine Farbe“. Tippe auf „irgendeine Farbe“, um stattdessen kräftige, Pastell- oder dunkle Farben zu bekommen.
• Code kopieren. Kopiere den HEX-Code mit einem Tipp und füge ihn in dein Grafikprogramm, deinen Code oder eine Nachricht ein.
• Zurückgehen. Deine letzten Farben erscheinen als kleine HEX-Chips. Tippe auf einen, um die Farbe zurückzuholen.
• Als Seitenfarbe verwenden. Du hast eine Farbe gefunden, die du liebst? Drück auf „Als Seitenfarbe verwenden“, und sie bleibt die Farbe der Seite auf allen Tools, vom Glücksrad bis zum Online-Würfel.
• Sprich einfach. Tippe oben auf das Mikrofon und sag „Zufallsfarbe“.

Der Text bleibt bei jeder Farbe lesbar. Auf hellen Farben würde weiße Schrift verschwinden, deshalb wechselt sie zu einem dunklen Ton derselben Farbe statt zu reinem Schwarz.

HEX, RGB und HSL einfach erklärt

Bildschirme mischen jede Farbe aus rotem, grünem und blauem Licht. Die drei Codes auf der Seite sind drei Schreibweisen für ein und dieselbe Farbe.

HEX

Ein HEX-Code sieht so aus: #3A7BD5. Nach dem # kommen drei Zeichenpaare: eins für Rot, eins für Grün, eins für Blau. Jedes Paar reicht von 00 (nichts) bis FF (voll) und nutzt die Ziffern 0 bis 9 und die Buchstaben A bis F. #FF0000 ist also reines Rot, #FFFFFF ist Weiß und #000000 ist Schwarz. HEX-Codes sind die übliche Schreibweise für Farben im Webdesign und in vielen Grafikprogrammen.

RGB

RGB schreibt dieselben drei Anteile als normale Zahlen von 0 bis 255. Aus #3A7BD5 wird rgb(58, 123, 213): ein wenig Rot, etwas Grün und viel Blau, zusammen ein mittleres Blau.

HSL

HSL beschreibt eine Farbe so, wie Menschen meist über Farben denken. Hue (Farbton) ist die Position auf dem Farbkreis, von 0 bis 360 Grad (0 ist Rot, 120 ist Grün, 240 ist Blau). Saturation (Sättigung) gibt an, wie kräftig die Farbe ist, von 0 % (Grau) bis 100 % (volle Farbe). Lightness (Helligkeit) reicht von 0 % (Schwarz) bis 100 % (Weiß). Pastellfarben sind hell und sanft, dunkle Farben haben eine geringe Helligkeit, und kräftige Farben sind stark gesättigt.

Wie viele Farben gibt es?

Jeder der drei Kanäle hat 256 mögliche Werte, von 0 bis 255. Multipliziert man sie, also 256 × 256 × 256, kommt man auf 16.777.216 mögliche HEX-Farben. Würdest du dir ohne Pause jede Sekunde eine Farbe ansehen, bräuchtest du mehr als 194 Tage, um alle zu sehen. Bei so vielen Möglichkeiten ist es sehr unwahrscheinlich, zweimal hintereinander genau dieselbe Farbe zu bekommen.

Die Farben werden mit dem kryptografischen Zufallsgenerator deines Browsers gezogen, also mit derselben Art von Quelle, die auch für Sicherheitsfunktionen genutzt wird. Niemand wählt sie für dich aus, und genau darum geht es: Eine Zufallsfarbe kann dich auf Kombinationen bringen, die du selbst nie gewählt hättest.

Ideen für Zufallsfarben

• Design-Inspiration. Du kommst bei einer Farbpalette nicht weiter? Generiere ein paar Farben, kopiere die, die dir gefallen, und bau darauf auf. Die Optionen Pastell und dunkel helfen, wenn du die Stimmung schon kennst.
• Kreative Aufgaben. Mal oder zeichne etwas in der Farbe, die gerade kommt. Kombiniere sie mit dem Zufallswort-Generator für ein Motiv, und schon hast du eine komplette Aufgabe.
• Spiele. Nennt so schnell wie möglich etwas in dieser Farbe, ratet den HEX-Code, bevor ihr hinschaut, oder lasst die Farbe entscheiden, welches Team anfängt.
• Schule. Zeig eine Farbe im Vollbild und sprich darüber, wie sie aus Rot, Grün und Blau entsteht. Das passt gut zum Thema Licht und Farbe im Kunst- oder Physikunterricht.
• Ein neuer Look. Gib der ganzen Seite mit „Als Seitenfarbe verwenden“ deine eigene Farbe. Um sie wieder zu ändern, nutze den runden Farbknopf unten rechts auf jeder Seite.

Deine Farben und Einstellungen werden nur in deinem eigenen Browser gespeichert. Nichts wird an einen Server geschickt, und der Generator funktioniert offline weiter, sobald die Seite geladen ist.