Sieh dein Design durch fremde Augen
Mehr als 20 Filter zeigen dir dein Design aus jeder Wahrnehmungs-Perspektive. Alles läuft lokal im Browser. Keine Cloud, kein Upload, keine Tracking.
Bild hierhin ziehen oder klicken
JPG, PNG, WebP · bleibt lokal auf deinem Rechner
Farbpalette
Die dominantesten Farben deines Designs, sortiert nach Häufigkeit. Klicke auf eine Farbe, um den Hex-Wert zu kopieren.
Bildanalyse
Statistische Analyse deines Designs: Helligkeits-, Sättigungs- und Farbverteilung.
Helligkeit (Luminanz)
Wie ist die Helligkeit verteilt? Links sind die dunklen Pixel (Schatten), rechts die hellen (Lichter). Schöner Mix von links nach rechts = ausgewogenes Design. Alles auf einer Seite = entweder zu düster oder zu ausgewaschen.
Rot · Grün · Blau
Wie sind die drei Grundfarben verteilt? Wenn alle drei Kurven ähnlich verlaufen, ist dein Design farblich neutral. Wenn z.B. die rote Kurve dominiert, hast du einen warmen Look. Hilft, ungewollte Farbstiche zu erkennen.
Sättigung
Wie kräftig sind deine Farben? Links = blasse, fast graue Töne. Rechts = knallige, satte Farben. Viele Werte links = elegant/zurückhaltend. Viele rechts = laut und auffällig.
Kennzahlen
Die wichtigsten Werte auf einen Blick. Kontrast-Range nah an 255 = großer Helligkeits-Unterschied (gut für Klarheit). Farbtemp sagt, ob dein Design eher warm (rötlich) oder kühl (bläulich) wirkt.
Vor-Nachher
Lade zwei Designs hoch und vergleiche sie direkt mit dem Slider. Ideal für A/B-Konzepte oder Redesign-Präsentationen. Design A ist bereits mit deinem aktuellen Bild gefüllt – lade jetzt rechts ein zweites Bild für Design B hoch.
Verschiebe den orangen Rahmen, um die Position zu wählen. An den Ecken kannst du den Rahmen größer oder kleiner ziehen.
Audit-Galerie
Dein Design durch alle Filter auf einen Blick. Komplett-Audit als Webinar-Material oder Kunden-Briefing.
Hintergrund
Tausche das karierte Standard-Muster gegen einen anderen Kontext aus. Hilft, dein Design in seiner echten Umgebung zu sehen.
Wissenschaftlich fundiert auf Basis von
- Itti & Koch (1998) – Saliency-Modell
- Cerf et al. – Predicting human gaze
- Tatler (2007) – Central fixation bias
- Machado, Oliveira & Fernandes (2009) – CVD-Simulation
- Sobel & Feldman (1968) – Edge Detection
- ITU-R BT.709 – Luminanz-Standard
- WCAG 2.1 – Accessibility-Standards
- Nielsen Norman Group – F-Pattern
