Welchen Rechenaufwand machen CSS Farbgenerierungen in unterschiedlichster Form aus?

[Rolf B]

Hallo MB,

entweder hast Du Dich verirrt, oder ich habe keine Ahnung, was es alles gibt...

Ist es für den Rechner weniger aufwändig, wenn generierte Farben in Variablen gespeichert werden

Welche Variablen? CSS Custom Propertys sind keine. Der Inhalt eines Custom Property ist das, was du ihm zuweist. Und wenn Du ein Custom Property verwendest, wird sein Wert während der Layoutphase ermittelt. Die relevante Datenquelle kann sich ja auf Grund der Kaskade jederzeit ändern.

generierte Farben

Äh, wie generiert? Mit LESS oder SASS?
Oder mit color-mix?
Als relative Farbangabe (hsl(from var(--basisfarbe) h s calc(l + 0.1)))?

Ist filter() eigentlich speziell nur für Grafiken und SVGs gedacht

Nach meinem Verständnis ist es für Arrays in JavaScript gedacht. Ich kenne eine CSS Eigenschaft namens filter, und darin kann man Funktionen wie blur() oder sepia() anwenden. Solche Funktionen werden - meine ich - in der Grafikkarte in Form von Shaderprogrammen realisiert, d.h. die CPU wird davon nicht belastet. Aber die filter-Eigenschaft wirkt auf das ganze Element, nicht nur auf eine bestimmte Farbangabe.

Rolf