Farben in Abhängigkeit von Grundfarbe

[Mirko Schieder]

Hallo,

ich bin auf der Suche, Farben für Überschriften zu definieren in Abhängigkeit von einer Grundfarbe.

Sprich: Ich würde eine Grundfarbe definieren, z.B. im CSS über

:root { --farbe1: #c32e04; h1 { color: var(--farbe1);

Dann soll h2 z.B. 10% heller oder dunkler sein, kann gerne auch über Transparenz gelöst sein, also etwas in Richtung:

h2 { color:rgba(var(--akzentfarbe), 0.15);

(Wäre schön, wenns so einfach ginge...)

Vielleicht geht auch eine Art Overlay in schwarz mit 90% Transparenz oder so (bin eigentlich Grafiker, denke also eher in Photoshop...)

Fällt euch eine Möglichkeit ein, wie das geht? Freund Google ist leider keine Hilfe.

LG, Mirko Schieder