WOLFRAM

Wolfram言語 ＆ システムドキュメントセンター

LinearGradientFilling[{col1,col2,…,coln}]

多面体の面およびその他の塗り潰されるグラフィックスオブジェクトを，水平の直線に沿って色 coliの間の漸進移行を使って描画するように指定する二次元グラフィックスプリミティブである．

LinearGradientFilling[{pos1,pos2,…,posn}{col1,col2,…,coln}]

色 coliをスケールされた位置 posiに使う．

LinearGradientFilling[{pos1,pos2,…,posn}{col1,col2,…,coln},dir]

向きが dir の直線に沿って描画する．

LinearGradientFilling[{pos1,…,posn}{col1,…,coln},dir,padding]

境界位置 pos1と posnを超えて描画する際に指定された充填法を使う．

詳細
Details and Options Details and Options
例題  
例  
スコープ  
基本的な用法  
指定  
アプリケーション  
基本的なアプリケーション  
勾配色  
グラフィックス  
可視化  
特性と関係  
考えられる問題  
関連項目
関連するガイド
履歴
引用書式

LinearGradientFilling

LinearGradientFilling[{col1,col2,…,coln}]

多面体の面およびその他の塗り潰されるグラフィックスオブジェクトを，水平の直線に沿って色 coliの間の漸進移行を使って描画するように指定する二次元グラフィックスプリミティブである．

LinearGradientFilling[{pos1,pos2,…,posn}{col1,col2,…,coln}]

色 coliをスケールされた位置 posiに使う．

LinearGradientFilling[{pos1,pos2,…,posn}{col1,col2,…,coln},dir]

向きが dir の直線に沿って描画する．

LinearGradientFilling[{pos1,…,posn}{col1,…,coln},dir,padding]

境界位置 pos1と posnを超えて描画する際に指定された充填法を使う．

詳細

例題

すべて開く すべて閉じる

例  (3)

線形勾配塗潰しを四角形に適用する：

Wolfram Language code: Graphics[{LinearGradientFilling[{Red, Blue}], Rectangle[]}]

曲線から軸までを塗り潰す：

Wolfram Language code: Plot[2Sin[x] + x, {x, 0, 15}, FillingStyle -> LinearGradientFilling[{RGBColor[1., 0.71, 0.75], RGBColor[0.64, 182/255, 244/255]}, Top], Filling -> Bottom]

アメリカ合衆国の地図の線形勾配塗潰し：

Wolfram Language code: GeoGraphics[{LinearGradientFilling[{RGBColor[0.8887337889338569, 0.6872652443890922, 0.7107936282493809, 1.], RGBColor[0.49023987591300533, 0.4876253828910493, 0.6209426339841682, 1.], RGBColor[0.9996537617780855, 0.9995675813955313, 0.9996214193107363, 1.], RGBColor[0.698039839063257, 0.1333301463795396, 0.20392133625241132, 1.]}], Polygon[["United States"]]}]

スコープ  (15)

基本的な用法  (6)

勾配塗潰しをグラフィックスプリミティブに適用する：

Wolfram Language code: Graphics[{LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}], #}]& /@ {Triangle[], Disk[], Polygon[{{3, 1}, {9, 8}, {0, 5}, {9, 3}, {4, 9}}]}

勾配塗潰しをプロットに適用する：

Wolfram Language code: Plot[2Sin[x] + x, {x, 0, 15}, Filling -> Bottom, FillingStyle -> LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}, Top]]

勾配塗潰しをグラフに適用する：

Wolfram Language code: BarChart[{1, 2, 3, 4}, ChartStyle -> LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}, Top]]

幾何学領域にスタイル付けする：

Wolfram Language code: Region[Style[ImplicitRegion[y^2 < x (-1 + x^3), {x, y}], LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}]]]

概略白地図を表示する：

Wolfram Language code: GeoGraphics[{GeoStyling["OutlineMap", LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}]], Polygon[["austria"]]}]

要約ボックス：

Wolfram Language code: LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}]

指定  (9)

引数がないLinearGradientFillingはBlackからWhiteへの漸進移行を描画する：

Wolfram Language code: Graphics[{LinearGradientFilling[], RegularPolygon[4]}]

カスタムのカラースキームを使う：

Wolfram Language code: Graphics[{LinearGradientFilling[#], RegularPolygon[4]}] & /@ {{Black, LightGray}, {Red, Pink, LightRed}, {Purple, Blue, Green, Yellow, Orange, Red}}

各色にスケールされた位置を指定する：

Wolfram Language code: Graphics[{LinearGradientFilling[# -> {Black, LightGray}], RegularPolygon[4]}]& /@ {{0, 1}, {0.25, 1}, {0.75, 1}}

スケールされた位置はグラフィックスオブジェクトの幅と相対的であるとみなされる：

Wolfram Language code: Graphics[{LinearGradientFilling[{0, 1} -> {Black, White}], RegularPolygon[4], RegularPolygon[{1, 1}, 1, 4]}]

色の位置を画像全体との割合で指定する：

Wolfram Language code: Graphics[{LinearGradientFilling[{ImageScaled[0], ImageScaled[1]} -> {Black, White}], RegularPolygon[4], RegularPolygon[{1, 1}, 1, 4]}]

ColorDataからの定義済みのカラースキームを使う：

Wolfram Language code: Graphics[{LinearGradientFilling[#], RegularPolygon[4]}]& /@ {"SunsetColors", "BlueGreenYellow", "DeepSeaColors"}

LightDarkSwitchedを使ってライトモードとダークモードに異なる色を指定する：

Wolfram Language code: graphic = Graphics[{LinearGradientFilling[{LightDarkSwitched[Blue, Red], LightDarkSwitched[Cyan, Pink]}], RegularPolygon[4]}];
Wolfram Language code: {LightModePane[graphic], DarkModePane[graphic]}

ラジアン単位の角度 θ に線形勾配を描画する：

Wolfram Language code: Graphics[{LinearGradientFilling[{Black, White}, Pi / 4], RegularPolygon[4]}]

角度を度を単位として指定する：

Wolfram Language code: Graphics[{LinearGradientFilling[{Black, White}, 90 Degree], RegularPolygon[4]}]

定義済みの方向を使う：

Wolfram Language code: Graphics[{LinearGradientFilling[{Black, White}, #], RegularPolygon[4]}] & /@ {Right, Left, Top, Bottom, Center}

境界位置を超えて描画する際の充填法を指定する：

Wolfram Language code: Graphics[{LinearGradientFilling[ {0.4, 0.5, 0.6} -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.], RGBColor[1., 1/3, 0.]}, Pi / 4, #], RegularPolygon[4]}] & /@ {"Fixed", "Periodic", "Reflected"}

アプリケーション  (13)

基本的なアプリケーション  (3)

勾配色とその位置を示す：

Wolfram Language code: gradient[pos_ -> colors_] := Graphics[{LinearGradientFilling[pos -> colors], Polygon[{{0, 0}, {1, 0}, {1, 1}, {0, 1}}]}, GridLines -> {Thread[{pos, colors}], None}, GridLinesStyle -> Thick, AspectRatio -> .2]

0から1までの色の漸進移行：

Wolfram Language code: gradient[{0, 1} -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}]

中点の色：

Wolfram Language code: gradient[{1 / 3, 2 / 3} -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}]

ランダムな位置の色：

Wolfram Language code: gradient[RandomReal[1, 2] -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}]

勾配の方向を示す：

Wolfram Language code: direction[colors_, dir_] := Graphics[{{LinearGradientFilling[colors, dir], Polygon[{{0, 0}, {1, 0}, {1, 1}, {0, 1}}]}, {Thickness[Large], Arrowheads[{{.125, 1 / 2}}], Rotate[Arrow[{{0.01, 0.5}, {0.99, 0.5}}], dir, {0.5, 0.5}]}}]

異なる角度：

Wolfram Language code: direction[{RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}, #] & /@ {0, Pi / 4, 3Pi / 4, Pi}

勾配色と充填法を示す：

Wolfram Language code: gradient[pos_ -> colors_, padding_] := Graphics[{LinearGradientFilling[pos -> colors, padding], Polygon[{{0, 0}, {1, 0}, {1, 1}, {0, 1}}]}, GridLines -> {Thread[{pos, colors}], None}, GridLinesStyle -> Thick, AspectRatio -> .2]

固定充填：

Wolfram Language code: gradient[{1 / 3, 2 / 3} -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}, "Fixed"]

周期充填：

Wolfram Language code: gradient[{1 / 3, 2 / 3} -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}, "Periodic"]

反射充填：

Wolfram Language code: gradient[{1 / 3, 2 / 3} -> {RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.]}, "Reflected"]

勾配色  (3)

ColorDataの勾配色コレクション：

Wolfram Language code: ColorData["Gradients"]//Short

勾配を示す：

Wolfram Language code: display[scheme_] := Graphics[{LinearGradientFilling[scheme], Rectangle[RoundingRadius -> .1]}]
Wolfram Language code: display /@ Take[ColorData["Gradients"], -30]

Wolfram Data Repositoryの勾配色コレクション：

Wolfram Language code: uigradients = ResourceData["UI Color Gradients"];
Wolfram Language code: Keys[uigradients]//Short

勾配を示す：

Wolfram Language code: display[name_ -> color_] := Graphics[{LinearGradientFilling[color], Rectangle[RoundingRadius -> .1]}]
Wolfram Language code: display /@ Normal[Take[uigradients, 60]]

Wolfram Data Repositoryの色相コレクション：

Wolfram Language code: hues = ResourceData["Hue Color Gradients"];
Wolfram Language code: hues//Short

勾配を示す：

Wolfram Language code: display[color_] := Graphics[{LinearGradientFilling[color], Rectangle[RoundingRadius -> .1]}]
Wolfram Language code: display /@ hues

グラフィックス  (3)

勾配塗潰しをグラフィックスプリミティブに適用する：

Wolfram Language code: Graphics[{LinearGradientFilling[{RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}], #}]& /@ {Triangle[], RegularPolygon[4], Polygon[{{3, 1}, {9, 8}, {0, 5}, {9, 3}, {4, 9}}]}

勾配塗潰しをTextに適用する：

Wolfram Language code: text[str_] := BoundaryDiscretizeGraphics[Text[str], _Text];
Wolfram Language code: Graphics[{LinearGradientFilling[{ImageScaled[0], ImageScaled[1]} -> {RGBColor[0.996078431372549, 0.7568627450980392, 0.38823529411764707], RGBColor[0.8705882352941177, 0.2627450980392157, 0.07450980392156863]}], text[Style["Wolfram", Large, FontFamily -> "Brush Script MT"]]}]

グラフィックスオブジェクトに勾配背景を追加する：

Wolfram Language code: background[g_, colors_, dir_ : 0] := Append[g, Prolog -> {LinearGradientFilling[ImageScaled /@ Range[0, 1, 1 / (Length[colors] - 1)] -> colors, dir], RectangleBox[ImageScaled[{0, 0}], ImageScaled[{1, 1}]]}]

勾配背景があるグラフィックスオブジェクト：

Wolfram Language code: background[Graphics[{Red, Disk[], Green, Rectangle[{0, 0}, {2, 2}], Blue, Disk[{2, 2}]}], {Blue, Green, Red}]

グラフ：

Wolfram Language code: background[GraphPlot[Table[i -> Mod[i ^ 2, 102], {i, 0, 102}]], {RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}]

棒グラフ：

Wolfram Language code: background[BarChart[Range[8], Axes -> False], {RGBColor[0.996078431372549, 0.7568627450980392, 0.38823529411764707], RGBColor[0.8705882352941177, 0.2627450980392157, 0.07450980392156863]}, Top]

可視化  (4)

背景勾配でプロットする：

Wolfram Language code: Plot[Sin[Sqrt[2]x] + Sin[x], {x, 0, 10}, Prolog -> {LinearGradientFilling[{ImageScaled[0], ImageScaled[1]} -> {RGBColor[0.6705882352941176, 0.8627450980392157, 1.], RGBColor[0.011764705882352941, 0.5882352941176471, 1.]}], Rectangle[ImageScaled[{0, 0}], ImageScaled[{1, 1}]]}, ...]

2本の曲線間を塗り潰す：

Wolfram Language code: Plot[{Sin[x] + x / 2, Sin[x] + x}, {x, 0, 10}, Filling -> {1 -> {2}}, FillingStyle -> LinearGradientFilling[{RGBColor[1., 0.71, 0.75], RGBColor[0.64, 182/255, 244/255]}, Bottom]]

棒グラフにスタイル付けする：

Wolfram Language code: BarChart[{1, 2, 3, 4, 5}, ChartStyle -> LinearGradientFilling[{Black, White}, Bottom]]

時系列プロットにスタイル付けする：

Wolfram Language code: DateListPlot[FinancialData["IBM", "Jan. 1, 2020"], Filling -> Bottom, FillingStyle -> LinearGradientFilling[{LightRed, Red}, Top]]

特性と関係  (5)

LinearGradientFillingは指定された色の色空間を使う：

Wolfram Language code: Graphics[{LinearGradientFilling[{RGBColor[1, 0, 0], RGBColor[0, 0, 1]}], Rectangle[]}]

HSB色空間の色を使った線形勾配：

Wolfram Language code: Graphics[{LinearGradientFilling[{Hue[0], Hue[2 / 3]}], Rectangle[]}]

単一の位置に異なる色を与えてハードストップを生成することができる：

Wolfram Language code: Graphics[{LinearGradientFilling[{0, 1 / 2, 1 / 2, 1} -> {RGBColor[1, 0, 0], RGBColor[1, 1, 0], RGBColor[0, 1, 0], RGBColor[0, 0, 1]}], Rectangle[]}]

LinearGradientImageは色の線形ブレンドで画像を返す：

Wolfram Language code: LinearGradientImage[{RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.], RGBColor[1., 1/3, 0.]}, {100, 50}]
Wolfram Language code: Graphics[{LinearGradientFilling[{RGBColor[0., 2/3, 1.], RGBColor[1., 3/4, 0.], RGBColor[1., 1/3, 0.]}], Rectangle[]}]

Blendを使って混色の配列を生成する：

Wolfram Language code: Graphics[Raster[{Range[100] / 100}, ColorFunction -> (Blend[{{0, RGBColor[1, 0, 0]}, {(1/2), RGBColor[1, 1, 0]}, {1, RGBColor[0, 0, 1]}}, #]&)], AspectRatio -> .4]
Wolfram Language code: Graphics[{LinearGradientFilling[{0, 1 / 2, 1} -> {RGBColor[1, 0, 0], RGBColor[1, 1, 0], RGBColor[0, 0, 1]}], Rectangle[]}]

VertexColorsは色の間を補間する：

Wolfram Language code: Graphics[Polygon[{{0, 0}, {1, 0}, {1, 1}, {0, 1}}, VertexColors -> {RGBColor[1, 0, 0], RGBColor[0, 1, 0], RGBColor[0, 1, 0], RGBColor[1, 0, 0]}]]
Wolfram Language code: Graphics[{LinearGradientFilling[{RGBColor[1, 0, 0], RGBColor[0, 1, 0]}], Polygon[{{0, 0}, {1, 0}, {1, 1}, {0, 1}}]}]

考えられる問題  (2)

色が同じ色空間で指定されると，補間にもその色空間が使われる：

Wolfram Language code: {Graphics[{LinearGradientFilling[{RGBColor[1, 0, 0], RGBColor[0, 0, 1]}], Rectangle[]}] , Graphics[{LinearGradientFilling[{Hue[0], Hue[2 / 3]}], Rectangle[]}]}

色が異なる色空間で指定されると，補間には最初の色の色空間が使われる：

Wolfram Language code: {Graphics[{LinearGradientFilling[{RGBColor[1, 0, 0], Hue[2 / 3]}], Rectangle[]}] , Graphics[{LinearGradientFilling[{Hue[2 / 3], RGBColor[1, 0, 0]}], Rectangle[]}]}

グレースケールの色空間はRGB色空間で補間される：

Wolfram Language code: Graphics[{LinearGradientFilling[{GrayLevel[0.5], Red}], Rectangle[]}]

LinearGradientFillingは色指示子に先行する：

Wolfram Language code: Graphics[{LinearGradientFilling[], Red, Disk[]}]
Wolfram Research (2020), LinearGradientFilling, Wolfram言語関数， https://reference.wolfram.com/language/ref/LinearGradientFilling.html.

テキスト

Wolfram Research (2020), LinearGradientFilling, Wolfram言語関数， https://reference.wolfram.com/language/ref/LinearGradientFilling.html.

CMS

Wolfram Language. 2020. "LinearGradientFilling." Wolfram Language & System Documentation Center. Wolfram Research. https://reference.wolfram.com/language/ref/LinearGradientFilling.html.

APA

Wolfram Language. (2020). LinearGradientFilling. Wolfram Language & System Documentation Center. Retrieved from https://reference.wolfram.com/language/ref/LinearGradientFilling.html

BibTeX

@misc{reference.wolfram_2026_lineargradientfilling, author="Wolfram Research", title="{LinearGradientFilling}", year="2020", howpublished="\url{https://reference.wolfram.com/language/ref/LinearGradientFilling.html}", note=[Accessed: 05-November-2026]}

BibLaTeX

@online{reference.wolfram_2026_lineargradientfilling, organization={Wolfram Research}, title={LinearGradientFilling}, year={2020}, url={https://reference.wolfram.com/language/ref/LinearGradientFilling.html}, note=[Accessed: 05-November-2026]}