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.
Bildschirm prüfen
Keine Webseite kann die Helligkeit deines Monitors auslesen — prüf sie selbst: Die zwei Reihen unten sind neutrale Stufen nahe Schwarz und nahe Weiß.
Du solltest das zweite Feld gerade noch vom ersten unterscheiden können; verschmelzen drei oder mehr, ist dein Bildschirm zu dunkel oder es spiegelt etwas.
Du solltest die letzten beiden gerade noch unterscheiden können; verschmelzen sie, ist dein Bildschirm zu hell oder ein Nacht-/Warmmodus ist aktiv.
- Helligkeit 50–70 % in Innenräumen — nicht maximal, nicht gedimmt.
- Automatische Helligkeit aus.
- Night Shift, True Tone, Windows-Nachtmodus und f.lux aus.
- Keine Lampe und kein Fenster, das direkt auf das Display scheint.
- Proof-Ansicht nutzen: die Szene allein auf mittlerem Grau, sonst nichts auf dem Bildschirm.
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.
- Materialprobe — eine einzelne Farbe, ehrlich beleuchtet, auf einer großen Fläche mit wählbarer Oberfläche: glatt, Putz, Rauputz, Raufaser, Ziegel, Gewebe oder Papier, unter gleichmäßigem, weichem, Fenster- oder Streiflicht, vor einem neutralen Hintergrund deiner Wahl. Schalte „Oberflächen vergleichen“ ein, um dieselbe Farbe auf sechs Oberflächen gleichzeitig zu sehen — so spürst du am schnellsten, wie stark eine Struktur eine Farbe abdunkelt und beruhigt.
Gleiche Farbe, andere Oberfläche — was sich ändert
Das Pigment ist identisch; die Oberfläche entscheidet, wie viel Licht zu deinem Auge zurückkommt. Jede Pore, jede Vertiefung, jeder Grat und jede Fuge ist ein winziger Schatten, und tausende winzige Schatten mitteln sich zu einer dunkleren, ruhigeren Farbe. Genau das bildet die Materialszene nach — dasselbe Relief, von oben links beleuchtet, mit abgedunkelten Vertiefungen und Fugen — und die groben Zahlen sehen so aus:
| Oberfläche | Wirkt dunkler um | Warum |
|---|---|---|
| Glatt | ≈ 0 LRV | Nichts wirft Schatten — die Farbe reflektiert wie auf der Farbkarte. |
| Feinputz | 1–2 LRV | Feine Körnung, flache Mikroschatten. |
| Rauputz | 2–4 LRV | Tiefe Vertiefungen und Grate; der Effekt wächst bei Streiflicht. |
| Raufaser | 2–3 LRV | Die Holzschnitzel werfen kleine, aber häufige Schatten. |
| Ziegel | 3–5 LRV | Zurückliegende Mörtelfugen sind reiner Schatten, und die Ziegelfläche selbst ist rau. |
| Gewebe | 2–4 LRV | Fadenkreuzungen zerlegen die Farbe in Lichter und Schatten. |
Ein paar HBW-Punkte klingen nach wenig, aber es ist der Unterschied zwischen dem „Warmweiß“ auf der Karte und der „leicht gräulichen“ Wand, die du bekommst. Schalte „Oberflächen vergleichen“ ein, um alle nebeneinander mit derselben Farbe zu sehen.
Farbe auf Ziegel und Rauputz
Gestrichener Ziegel ist der Extremfall. Die Mörtelfugen liegen ein paar Millimeter zurück und bleiben unter fast jedem Licht im Schatten, und die Ziegelfläche ist porös und uneben — ein frischer weißer Anstrich auf Ziegel wirkt sichtbar grauer als dasselbe Weiß auf einer glatten Wand, warme oder dunkle Farben gewinnen an Tiefe. Rauputz an der Fassade verhält sich genauso, nur im kleineren Maßstab. Beide reagieren stark auf Streiflicht: Eine tiefstehende Abendsonne oder ein Wandfluter streift über die Oberfläche, jeder Grat wirft einen langen Schatten und die Struktur wird zum dominierenden Eindruck. Deshalb kann eine mittags gewählte Fassadenfarbe um sieben Uhr abends völlig anders aussehen — die Lichtoption „Streiflicht“ in der Materialszene zeigt absichtlich den schlimmsten Fall.
HBW — die Zahl auf jeder Farbkarte
Der Hellbezugswert (HBW, englisch Light Reflectance Value, LRV) ist der Anteil des sichtbaren Lichts, den eine Oberfläche reflektiert — 0 für absolutes Schwarz, 100 für ein perfektes Weiß, rund 85 für die meisten „weißen“ Wandfarben. Er steht auf den meisten Farbkarten und in Ausschreibungen: Räume wirken hell und luftig ab etwa 50, dunkel und umhüllend unter etwa 25, und Wärmedämmverbundsysteme (WDVS) verlangen oft einen HBW von mindestens 20, damit sich ein dunkler Putz nicht überhitzt und reißt. Der Tester zeigt L* und HBW unter der Materialszene für die Farbe, die du testest — und denk daran, dass die Oberfläche von dieser Zahl ein paar Punkte abzieht.
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.
Stell deinen Bildschirm ein, bevor du entscheidest
Eine Webseite kann nicht wissen, wie hell dein Monitor ist — dafür gibt es keine Browser-Schnittstelle, und es wird nie eine geben, die uns verrät, ob ein Nachtmodus gerade dein Weiß wärmt. Die ehrlichen Werkzeuge sind deshalb ein Check und eine neutrale Ansicht. Bevor du urteilst: Helligkeit 50–70 % in Innenräumen, automatische Helligkeit aus, Night Shift / True Tone / Windows-Nachtmodus / f.lux aus, keine Lampe und kein Fenster auf dem Display. Dann öffne „Bildschirm prüfen“ unter dem Tester: Verschmelzen die dunkelsten Felder, ist der Bildschirm zu dunkel oder es spiegelt etwas; verschmelzen die hellsten, ist er zu hell oder ein Warmmodus ist aktiv. Nutze zuletzt die „Proof-Ansicht“ — die Szene allein auf mittlerem Grau mit neutralem Graukeil, keine Bedienelemente, nichts Farbiges in der Nähe — und entscheide dort.
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.
Wenn die Farben einer Szene einzeln funktionieren, aber nicht zusammen, gleicht Farbpalette harmonisieren sie an ein gemeinsames Schema rund um die Farben an, die du behältst – und reicht das Ergebnis für die Szenenprüfung hierher zurück.
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.
Warum wirkt Farbe an der Wand dunkler als auf der Farbkarte?
Drei Gründe kommen zusammen. Eine Wand ist groß, die Farbe füllt dein Blickfeld und der Simultankontrast zur weißen Farbkarte fällt weg. Eine Wand ist selten gleichmäßig beleuchtet — Ecken und die fensterabgewandte Seite liegen im Schatten. Und eine echte Oberfläche hat Struktur: Jede Pore, jede Vertiefung und jede Fuge ist ein winziger Schatten, daher reflektieren Putz, Rauputz oder Ziegel ein paar HBW-Punkte weniger als dieselbe Farbe auf einer glatten Karte. Die Materialszene bildet alle drei nach; wechsle Oberfläche und Licht, um zu sehen, wie weit dieselbe Farbe wandert.
Wie verändert eine strukturierte Wand oder eine Ziegelwand eine Wandfarbe?
Struktur verändert nie das Pigment, sie verändert das Licht. Zurückliegende Mörtelfugen, die Vertiefungen von Rauputz und die Grate von Raufasertapete werfen Mikroschatten, die sich zu einer dunkleren, ruhigeren Farbe mitteln — grob 1–2 HBW-Punkte bei Feinputz, 2–4 bei Rauputz oder Gewebe, 3–5 bei gestrichenem Ziegel. Bei Streiflicht (tiefe Sonne oder Wandfluter) wird das Relief sichtbar und der Effekt verdoppelt sich ungefähr. Wähle Oberfläche und Licht in der Materialszene oder schalte „Oberflächen vergleichen“ ein, um alle nebeneinander zu sehen.
Ist mein Bildschirm zu hell, um Farben zu beurteilen?
Keine Webseite kann die Helligkeit deines Monitors auslesen — eine solche Schnittstelle gibt es nicht —, deshalb sind die ehrlichen Werkzeuge ein Check und eine neutrale Ansicht. Öffne „Bildschirm prüfen“: Verschmelzen die dunkelsten Felder, ist der Bildschirm zu dunkel oder es spiegelt etwas; verschmelzen die hellsten, ist er zu hell oder ein Nacht-/Warmmodus ist aktiv. Nutze dann die „Proof-Ansicht“: die Szene allein auf mittlerem Grau, mit neutralem Graukeil, um die Einstellung zu bestätigen, bevor du entscheidest.
Was ist der HBW / LRV?
Der Hellbezugswert (HBW, englisch Light Reflectance Value, LRV) ist der Anteil des sichtbaren Lichts, den eine Oberfläche reflektiert, von 0 (absolutes Schwarz) bis 100 (perfektes Weiß). Er steht auf den meisten Farbkarten und wird für Fassaden vorgeschrieben: Wärmedämmverbundsysteme verlangen oft einen HBW von mindestens 20, damit der Putz sich nicht überhitzt, und Räume wirken ab etwa 50 hell. Der Tester zeigt den HBW deiner Materialfarbe unter der Zeichenfläche.