🎨 Blend Mode Test für H2me Dashboard

Technisch: Keine Verschmelzung. Widget-Farbe überschreibt Hauptfeld-Farbe komplett.
Beeinflusst: Nichts
Erhalten: Hue, Saturation, Lightness, Alpha - alle original
Interaktion mit Transparenz: Alpha-Wert funktioniert normal (0.3 = 30% sichtbar)

Technisch: Multipliziert Farbwerte (RGB) der beiden Ebenen → immer dunkler.
Beeinflusst: Lightness (↓ wird dunkler), Hue & Saturation werden gemischt
Erhalten: Nichts vollständig - alle Werte interagieren
Interaktion mit Transparenz: Alpha verstärkt Effekt - höhere Opacity = dunklere Mischung
Gut für: Schatten, tiefe Farben, realistische Überlagerungen

Technisch: Invertiert Farben, multipliziert, invertiert zurück → immer heller.
Beeinflusst: Lightness (↑ wird heller), Hue & Saturation gemischt
Erhalten: Nichts vollständig
Interaktion mit Transparenz: Alpha steuert Helligkeit - höhere Opacity = hellere Mischung
Gut für: Lichteffekte, Glows, aufhellende Overlays

Technisch: Multiply für dunkle Bereiche, Screen für helle → erhöht Kontrast.
Beeinflusst: Alle Werte (Hue, Saturation, Lightness)
Modifiziert: Kontrast stark erhöht
Interaktion mit Transparenz: Alpha steuert Stärke des Kontrast-Effekts
Gut für: Dramatische Effekte, lebendige Farbmischungen

Technisch: Vergleicht RGB-Werte, wählt dunklere Farbe pro Kanal.
Beeinflusst: Lightness (wählt dunkleren Wert)
Erhalten: Hue & Saturation der dunkleren Farbe
Interaktion mit Transparenz: Alpha beeinflusst Vergleich - niedrigere Opacity = weniger Einfluss
Gut für: Subtile Abdunkelungen ohne Farbmischung

Technisch: Vergleicht RGB-Werte, wählt hellere Farbe pro Kanal.
Beeinflusst: Lightness (wählt helleren Wert)
Erhalten: Hue & Saturation der helleren Farbe
Interaktion mit Transparenz: Alpha beeinflusst Vergleich
Gut für: Subtile Aufhellungen ohne Farbmischung

Technisch: Dividiert Grundfarbe durch invertierte Deckfarbe → extrem hell.
Beeinflusst: Lightness (↑↑ sehr hell), Saturation (↑ intensiver)
Modifiziert: Kann zu reinem Weiß führen
Interaktion mit Transparenz: STARK! Selbst niedrige Opacity erzeugt starken Effekt
Gut für: Glühende Effekte, starke Highlights (oft zu intensiv für UI)

Technisch: Dividiert invertierte Grundfarbe durch Deckfarbe, invertiert zurück → extrem dunkel.
Beeinflusst: Lightness (↓↓ sehr dunkel), Saturation (↑ intensiver)
Modifiziert: Kann zu reinem Schwarz führen
Interaktion mit Transparenz: STARK! Selbst niedrige Opacity erzeugt starken Effekt
Gut für: Tiefe Schatten, dramatische Verdunkelungen (oft zu intensiv für UI)

Technisch: Wie Overlay, aber Deckfarbe bestimmt Multiply/Screen (statt Grundfarbe).
Beeinflusst: Alle Werte stark
Modifiziert: Kontrast SEHR stark erhöht
Interaktion mit Transparenz: Alpha steuert Intensität des Kontrasts
Gut für: Sehr dramatische Effekte (oft zu hart für subtile UI)

Technisch: Ähnlich wie Overlay, aber sanfter - nutzt kubische Funktion statt linearer.
Beeinflusst: Lightness (sanft), Hue & Saturation (gemischt)
Modifiziert: Kontrast leicht erhöht, natürliche Mischung
Interaktion mit Transparenz: Alpha steuert Mischungsintensität sanft
Gut für: ⭐ IDEAL für UI! Natürliche Farbverschmelzung ohne extreme Effekte
Dashboard-Tipp: Mit Alpha 0.3 perfekt für sanfte Widget-Integration

Technisch: Subtrahiert Farben voneinander, nimmt Absolutwert → invertierte Effekte.
Beeinflusst: Alle Werte radikal - Hue kann komplett umkehren
Modifiziert: Erzeugt unvorhersehbare Komplementärfarben
Interaktion mit Transparenz: Alpha steuert wie stark Farben invertiert werden
Gut für: Künstlerische Effekte, Animationen (NICHT für UI - zu wild)

Technisch: Wie Difference, aber mit Screen statt Subtract → weniger extreme Kontraste.
Beeinflusst: Alle Werte, aber sanfter als Difference
Modifiziert: Grauwerte entstehen bei gleichen Farben
Interaktion mit Transparenz: Alpha steuert Intensität der Inversion
Gut für: Künstlerische Effekte (besser als Difference, aber immer noch wild für UI)

Technisch: Nimmt Hue von Deckfarbe, behält Saturation & Lightness von Grundfarbe.
Beeinflusst: Nur Hue (Farbton) wird übertragen
Erhalten: Saturation & Lightness vom Hauptfeld
Interaktion mit Transparenz: Alpha steuert wie stark Hue übertragen wird
Gut für: Farbton-Anpassungen ohne Helligkeit/Sättigung zu ändern (interessant für Themes!)

Technisch: Nimmt Saturation von Deckfarbe, behält Hue & Lightness von Grundfarbe.
Beeinflusst: Nur Saturation (Farbintensität)
Erhalten: Hue & Lightness vom Hauptfeld
Interaktion mit Transparenz: Alpha steuert Sättigungsübertragung
Gut für: Sättigung angleichen ohne Farbton/Helligkeit zu ändern (subtil)

Technisch: Nimmt Hue & Saturation von Deckfarbe, behält Lightness von Grundfarbe.
Beeinflusst: Hue & Saturation (komplette Farbe)
Erhalten: Lightness (Helligkeit) vom Hauptfeld bleibt!
Interaktion mit Transparenz: Alpha steuert Farbübertragung sanft
Gut für: ⭐ IDEAL für UI! Färbt ohne Helligkeit zu ändern - behält Kontrast & Lesbarkeit
Dashboard-Tipp: Perfekt für konsistente Helligkeit bei verschiedenen Farben

Technisch: Nimmt Lightness von Deckfarbe, behält Hue & Saturation von Grundfarbe.
Beeinflusst: Nur Lightness (Helligkeit)
Erhalten: Hue & Saturation vom Hauptfeld
Interaktion mit Transparenz: Alpha steuert Helligkeitsübertragung
Gut für: Helligkeit angleichen ohne Farbe zu ändern (sehr subtil, selten für UI)