TikZ で完全にカスタマイズ可能なカラー グラデーション

Question

線形グラデーションと放射状グラデーションは非常に柔軟で、SVGA半透明の色を持つ複数のストップを含むグラデーションを作成できます。次に例を示します。

図のグラデーションは、左から右に、それぞれ線形、焦点のない放射状、点に焦点のある放射状です。最初の行は、これらのグラデーションを長方形に適用したものを示し、2 番目の行は、同じグラデーションを円に適用したものを示しています。ストップは、次のようにすべてのグラデーションで等しくなります。

<stop offset="0.000000" stop-color="#ffffff00"/>
<stop offset="0.200000" stop-color="#ffff00ff" />
<stop offset="0.400000" stop-color="#0000ff88" />
<stop offset="0.600000" stop-color="#008000ff" />
<stop offset="0.800000" stop-color="#ff0000ff" />
<stop offset="1.000000" stop-color="#ff5599cc" />

(簡潔にするために、完全な SVG コードを挿入していません。)

私は LaTeX で TikZ を使用してこの画像を作成したいと考えています。シェーディングとフェードに関する複数のドキュメントとチュートリアルを研究しましたが、この画像の作成方法についての手がかりはまったくありませんでした (これまでのところ、不透明な色で複数のストップを含むシェーディングは可能だが、柔軟性が非常に低いことを知りました)。したがって、私の質問は次のとおりです。

TikZ を使用して LaTeX で質問の画像を実装するにはどうすればよいですか?

Answer 1

\documentclass[tikz]{standalone} 
\usetikzlibrary{shadings, fadings}
  \begin{document} 
   \begin{tikzpicture}   
\definecolor{color1}{RGB}{255,0,0}   \definecolor{color2}{RGB}{0,255,0}   \definecolor{color3}{RGB}{0,0,255}    
\tikzfading[name=fade1, top color=transparent!0, bottom color=transparent!100]   \tikzfading[name=fade2, top color=transparent!0, bottom color=transparent!100]   \tikzfading[name=fade3, top color=transparent!0, bottom color=transparent!100] – 
\shade[path fading=fade1, left color=color1, right color=color1] (0,0) rectangle (2,1);   \shade[path fading=fade2, left color=color2, right color=color2] (0,1) rectangle (2,2);   \shade[path fading=fade3, left color=color3, right color=color3] (0,2) rectangle (2,3); \end{tikzpicture}
  \end{document}