Осветлите RGB с помощью чистого CSS ⇐ Html

[Anonymous]

Используя чистый CSS, как я могу осветлить RGB, например: rgb(255, 0, 0)
Миксин SASS Lighten работает хорошо: Lighten(rgb(255, 0, 0), 25%), однако он не поддерживает такие переменные CSS: Lighten(var(--redColor), 25%)
Мне нужно использовать переменные CSS, потому что вы можете изменять переменные CSS на лету после загрузки страницы.
Что я пробовал

• Код: Выделить всё

  opacity: 0.75

  — Непрозрачность приводит к растеканию фона в цвет, который мне не нужен.

• Код: Выделить всё

  filter: brightness(

  — Фильтры влияют на весь элемент, но я просто хочу осветлить определенные цвета.

• Код: Выделить всё

  hsl(0, 100%, 50%)

  - HSL выглядит многообещающе, хотя мне нужен способ конвертировать RGB в HSL, чтобы осветлить RGB.

В идеале я надеюсь иметь миксин SASS, который использует CSS для осветления любого переданного в него цвета.

Подробнее здесь: https://stackoverflow.com/questions/667 ... h-pure-css