Можно ли на чистом HTML+CSS+SVG сделать фигуру у которой цвет fill на XX% темне/светлее цвета stroke если цвет задан например как "green"?

Задавать цвет через HSL или RGB составляющие это понятно.
Но человеку, например ребенку, не знакомому с этой "магией" будет сложно объяснить, что надо вместо простого названия цвета, разобрать его на запчасти и потом еще как разобрать...
Есть ли вариант ограничиться стандартным названием цвета и уже потом разложить его на HSL или RGB составляющие?