我試圖用一種單一的顏色產生一個漸變，然后改變亮度或其他一些相關的變量。

這樣做可能嗎？

在你的單色上面使用一個背景/白色層作為漸變

html {
  background:
    linear-gradient(90deg,rgb(255 255 255/50%),rgb(0 0 0/50%)),
    red; /* here is your single color */
}

是的，你可以用“透明”作為顏色

背景:線性漸變(透明，# 9198 E5)；

為此，您可以使用alpha通道。考慮顏色" #428383 ":

div {
  background-color: #428383; /* for browsers without gradient support */
  background: linear-gradient(#42838344, #428383ff);
  width: 100px;
  height: 100px;
}

<div></div>

你可以用RGBA

background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(2,0,36,0.3) 100%);

0.3會使顏色變暗

如果您想在0%、30%、100%三種不同亮度下添加停止點

background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(2,0,36,0.4) 30%, rgba(2,0,36,1) 100%);

如果要改變單一顏色的亮度或飽和度，最好使用hsl()而不是十六進制或rgb值:

.gradient {
  width: 200px;
  height: 100px;
  background: linear-gradient(hsl(193,82%,56%), hsl(193,82%,26%));
}

<div class="gradient"></div>