Welchen Rechenaufwand machen CSS Farbgenerierungen in unterschiedlichster Form aus?

[MB]

moin,

Fragen

1. Welche Rechenbelastungen werden mit unterschiedlichen Darstellungen einer Farbe z.B. mit, rgb(), hsl() und filter() Hexadezimalzahlen und Farbnamen in CSS aufgebracht?
2. Ist es für den Rechner weniger aufwändig, wenn generierte Farben in Variablen gespeichert werden und der Rechner nur auf die Farbresultate zugreifen kann, da die Farbberechnung nur einmal gemacht wird?

Fragen nebenbei

1. Ist filter() eigentlich speziell nur für Grafiken und SVGs gedacht und für die Farbgebung von eintönigen Hintergründen, Texten, Überschriften, Links etc. ungeeignet oder ist das unerheblich und macht es bzgl. auf den Rechenaufwand nix oder wenig aus?
2. Ist die Gestaltung der Hintergründe, Texte, Überschriften, Links, der Boxen etc. mit hsl() genauso gut, wie mit rgb()?

Hintergrund von meiner Fragen
Ich will eigentlich nur mit Hilfe von filter() Akzente, Graustufen und Schatten schon vorhandener Farben generieren und nur die eigentlichen Farben mit hsl() gestalten.

lgmb