CSS変数でrgbaの不透明度/アルファを設定する

Question

CSS変数を試していますが、RGBカラーを使用したいと思います。

color: var(--primary) 

しかし、いくつかの段落はまた、この原色を使用して、私はそれらを与えるしたいと思います：次のコードを使用している場合

--primary: rgb(112, 199, 255); 

だから、これは絶対に正常に動作します：

は、ここに私の現在のCSS変数のわずかな透明性。今、私はそれを交換し、そのような別のCSS変数を作成することができます。

--primary: rgb(112, 199, 255);  
--primary-alpha: rgba(112, 199, 255, 0.7); 

をしかし、それはちょうど私はいくつかの異なるOHPフィルムを使用する場合は厄介で混乱が2つの原色と何を持っ感じています。私が好きな

color: rgba(var(--white), var(--alpha)); 

これは動作し、私は個人的にそれが、私の色をしているのよりよい方法があると思う：それは、次のコードを使用して

--primary: 112, 199, 255; 
--alpha: 0.7; 

と出力：私はまた、次のCSS変数を使用することができます私のコードエディタでプレビューしないでください。

--dark変数を見て、それがこのコードを使用して色を表示されません。

--primary: rgb(112, 199, 255); 

などのような出力にそれを：：

理想的には、私が使用したい

color: var(--white), var(--alpha); 

しかし、それは動作しませんか？

Answer 1

atom-pigmentを使用しているとします。カラー検出はコメント内でも機能します。だから、おそらく参照のためのコメントに実際のrgb値を追加することができます&いつものように変数を使用します。 - そして、なぜ値が_not_色であると見て、それする必要がありますが、わずか3コンマ

--dark: 18, 38, 51 /* this color is - rgb(18, 38, 51) */