Farbtester – realistische Szenen
Flache Farbfelder lügen. Probiere deine Farben in realistischen Szenen aus – eine gestrichene Wand im Fensterlicht, eine echte UI-Karte, gewebter Stoff mit Falten – mit Verläufen, Schatten und Texturen, die zeigen, wie sich die Farbe wirklich verhält. Kostenlos und 100 % im Browser.
Eine Wandfarbe im Fensterlicht, mit Putzkorn und echten Schatten – so wirkt Farbe wirklich im Wohnraum.
Tipp: Farben, die du irgendwo auf dieser Seite gewählt hast, liegen rechts im Bereich „Meine Farben“ – die kleinen Pfeil-Buttons holen die dort aktuelle Farbe in einen Slot.
Warum flache Farbfelder lügen
Eine Farbe wird nie allein gesehen. Sie kommt immer eingebettet in einen Kontext – von irgendwoher beleuchtet, durch eine Oberfläche texturiert, von Nachbarfarben umgeben – und die Wahrnehmung verbiegt sich entsprechend. Der Simultankontrast verschiebt einen Farbton in Richtung des Gegenteils seiner Umgebung; eine matte Putzwand streut das Licht und dämpft die Buntheit; ein gewebter Stoff zerlegt eine Farbe in Tausende winziger Lichter und Schatten, die sich zu etwas Stumpferem und Tieferem mitteln als der Farbstoff selbst. Genau diese Lücke sorgt dafür, dass Räume neu gestrichen und Kleidungsstücke zurückgeschickt werden: Das Farbfeld war korrekt – und trotzdem falsch.
Was jede Szene nachbildet
- Gestrichene Wand – deine Farbe unter einem weichen Fensterlicht-Verlauf mit dunklerer Ecke, darüber die Körnung des Putzes, dazu eine Zierleiste, ein Boden und ein gerahmter Akzent. Beobachte, wie dieselbe Farbe zwischen belichteter und beschatteter Zone drei Nuancen auseinanderliegt – mit dieser Spanne wirst du leben, nicht mit dem Farbmuster.
- UI-Karte – ein Seitenhintergrund, eine Kartenfläche, Überschrift und Fließtext sowie ein primärer Button mit Beschriftung. Der schnellste Weg, ein „Markenblau“ zu entlarven, das als Logo funktioniert, als Button aber stirbt – oder Fließtext, der auf der gewählten Fläche unbemerkt an Kontrast verliert.
- Stoff – die Farbe ins Gewebe übersetzt: Fadenstruktur, Schattierung der Falten, eine Kontrasttasche mit Naht. Textilien wirken fast immer dunkler und ruhiger als ihre flache Farbe – daher die Überraschung in der Umkleidekabine.
Ein Ablauf, der Entscheidungen wirklich klärt
Sammle Kandidatenfarben irgendwo auf dieser Seite – aus einem Foto mit dem Bild-Farbwähler, aus einer Farbpalette, aus dem Farbkreis – und sie landen in „Meine Farben“. Öffne diesen Tester, hole die Kandidaten mit dem Pfeil-Button nacheinander in einen Slot und beurteile sie in der Szene, nicht im luftleeren Raum. Bleiben zwei Finalisten übrig, stelle sie im Vergleichs-Tool ohne Abstand nebeneinander und prüfe Textpaare im Kontrast-Checker. Der ganze Ablauf läuft lokal in deinem Browser; exportiere die Szene als PNG, wenn du jemand anderen überzeugen musst.
Ehrliche Grenzen
Ein Bildschirm kann Beziehungen zeigen – welcher Kandidat wärmer wirkt, welche Kombination ausgewogen ist –, aber er kann kein Pigment unter deiner konkreten Lampe nachbilden, und jeder Monitor zeigt es anders. Bei Wandfarbe gilt: Prüfe die ein, zwei Favoriten am Ende immer mit einem echten Farbmuster an der tatsächlichen Wand, im Morgen- und im Abendlicht. Die Aufgabe des Testers ist es, dich ohne fünf Wege in den Baumarkt zu genau dieser engeren Auswahl zu bringen.
Häufige Fragen
Warum Farben in einer Szene testen statt Farbfelder zu vergleichen?
Weil der Kontext die Farbe verändert. Lichtverläufe, Oberflächenstruktur und Nachbarfarben verschieben, wie eine Farbe wirkt – ein Farbmuster, das flach perfekt aussieht, kann sich auf einer beschatteten, verputzten Wand völlig anders anfühlen. Die Szenen bilden genau diese Bedingungen nach.
Wie bekomme ich meine eigenen Farben in die Szene?
Tippe eine beliebige CSS-Farbe in einen Slot, nutze den nativen Farbwähler oder hole mit dem kleinen Pfeil-Button die aktuelle Farbe aus „Meine Farben“ – dort wartet alles, was du aus Bildern oder Konvertern übernommen hast.
Was simulieren die Texturen und Verläufe?
Die Wandszene ergänzt Fensterlicht, einen Eckschatten und Putzkörnung; die Stoffszene ergänzt Faltenschatten und eine Gewebestruktur; die UI-Karte bringt echte Typografie und Flächen mit. Alle Texturen entstehen prozedural in deinem Browser – keine Stockfotos.
Kann ich einen Test speichern oder teilen?
Der Zustand der Szene steckt im Seitenlink – kopiere die URL, um genau diese Vorlage und diese Farben zu teilen – und „PNG exportieren“ lädt die gerenderte Szene herunter, für Moodboards oder den Chat mit Kundinnen und Kunden.
Wird beim Farbtesten irgendetwas hochgeladen?
Nein. Gerendert wird auf einem Canvas in deinem Browser; einmal geladen, funktioniert die Seite auch offline.