Zufällige Farbe

Was der Zufallsfarben-Generator macht

Jeder Klick auf Erzeugen wählt zufällig eine neue Farbe und zeigt ihren Code in drei Formaten: HEX, RGB und HSL. Der Palettenmodus gibt dir fünf Farben auf einmal – sperre die, die dir gefallen, und würfle die übrigen neu, bis das Set passt.

Neben jeder Farbe steht ein Kontrastcheck. Er zeigt, wie gut lesbar weißer und schwarzer Text darauf wäre, nach demselben Kontrastverhältnis, das auch die Richtlinien für barrierefreie Webinhalte (WCAG) nutzen.

So benutzt du ihn

1. Klicke auf Erzeugen (oder drücke die Leertaste), um eine neue Zufallsfarbe zu erhalten.
2. Kopiere den Wert, den du brauchst. HEX-Codes wie #3A7BD5 passen zu den meisten Designprogrammen und Webseiten, RGB nennt die Rot-, Grün- und Blauanteile, und HSL beschreibt Farbton, Sättigung und Helligkeit.
3. Wechsle in den Palettenmodus, um fünf Farben nebeneinander zu sehen.
4. Sperre jede Farbe, die du behalten willst. Wenn du erneut generierst, ändern sich nur die nicht gesperrten Farben.
5. Prüfe den Kontrast. Jede Farbe zeigt ihr Verhältnis zu weißem und schwarzem Text, sodass du auf einen Blick siehst, welcher besser lesbar ist.

Wofür du einen Farbpaletten-Generator nutzen kannst

Designprojekte

Du hängst an einem Farbschema für ein Plakat, eine Präsentation, eine Website oder eine Einladung? Erzeuge eine Palette, sperre ein oder zwei Farben, die sich richtig anfühlen, und würfle weiter, bis der Rest passt.

Kunst- und Illustrationsübungen

Stell dir eine Aufgabe: Male oder zeichne etwas nur mit den fünf Farben auf dem Bildschirm. Zufällige Grenzen bringen dich dazu, Farben zu mischen, zu schichten und Kombinationen auszuprobieren, die du nie bewusst gewählt hättest.

Programmieren und Testen

Eine zufällige Hex-Farbe ist praktisch für Platzhalter-Hintergründe, Testdaten und schnelle Experimente mit Themes. Kopiere den Code direkt in dein Stylesheet.

Basteln und Wohnideen

Stricken, Quilten, Kartenbasteln und das Streichen eines Zimmers beginnen mit einer Farbwahl. Nutze die Palette als Ausgangspunkt und passe sie dann an das Material an, das du hast.

Farblehre im Unterricht

Zeige, wie HEX, RGB und HSL dieselbe Farbe auf verschiedene Weise beschreiben. Der Kontrastcheck erklärt einfach, warum manche Texte auf bestimmten Hintergründen schwer zu lesen sind.

Tipps für die Arbeit mit Farben

• Lies einen HEX-Code in Paaren. Die sechs Zeichen nach dem # sind drei Paare für Rot, Grün und Blau, jeweils von 00 (nichts) bis FF (voll).
• Nutze HSL für hellere oder dunklere Varianten. Lass den Farbton gleich und ändere die Helligkeit, um in deinem Designprogramm Tönungen und Schattierungen einer Farbe zu erhalten.
• Achte auf guten Kontrast. WCAG AA verlangt ein Verhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text.
• Erst sperren, dann würfeln. Wenn du schon eine Farbe liebst, sperre sie und lass den Generator die anderen vorschlagen.
• Bildschirm und Papier unterscheiden sich. Farben können im Druck anders aussehen, teste also vor einem großen Druckauftrag eine Probe.
• Brauchst du auch Kunstideen? Kombiniere eine Palette mit dem Zufallsbild-Generator oder einer Liste von Zeichenideen.