CSS の transparent

ときどき gradient() なんかで詰まる人がいるようなので。

CSS Color Module Level 3 を読めば分かりますが、
transparent は rgba(0, 0, 0, 0) と考えたほうがいいです。

Fully transparent. This keyword can be considered a shorthand for transparent black, rgba(0,0,0,0), which is its computed value.

CSS Color Module Level 3 - ‘transparent’ color keyword

gradient() 使ったときになぜか黒が混じるって人はこれが多いんじゃないかと思います。