<!--
{
  "availability" : [
    "iOS: 17.0.0 -",
    "iPadOS: 17.0.0 -",
    "macCatalyst: 17.0.0 -",
    "macOS: 14.0.0 -",
    "tvOS: 26.0.0 -",
    "visionOS: 1.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "ShaderGraph-Docs",
  "identifier" : "/documentation/ShaderGraph/Compositing/Out",
  "metadataVersion" : "0.1.0",
  "role" : "ShaderGraph Node",
  "symbol" : {
    "kind" : "ShaderGraph Node",
    "modules" : [
      "ShaderGraph"
    ],
    "preciseIdentifier" : "Shader_ND_out_color4"
  },
  "title" : "Out"
}
-->

# Out

Outputs areas of foreground that do not overlap with background.

## Parameter Types

|Input       |Type         |
        |------------|-------------|
        |`Foreground`|Color4<Float>|
        |`Background`|Color4<Float>|
        |`Mix`       |Float        |

|Output|Type         |
        |------|-------------|
        |`Out` |Color4<Float>|

## Parameter descriptions

- `Foreground`: The `color4` foreground input. `F` represents the RGB component of this parameter. `f` represents the alpha component of this parameter.
- `Background`: The `color4` background input. `B` represents the RGB component of this parameter. `b`represents the alpha component of this parameter.
- `Mix`: The weight of the blend operation. The higher the value of `Mix`, the more apparent the effect of the blend operation. The default value is `1`. Values outside of the range `0-1` produce an undefined effect outside of the node’s intended function.

## Discussion

The `Out` node determines its output using the alpha channels of the foreground and background inputs. The RGB component of the output is `F*(1-b)` and the alpha component of the output is `f*(1-b)`.
The visual effect of this node is that within the output, the node preserves the foreground values that don’t overlap with the background alpha. Below is a simple node graph that uses the `Out` node to blend a tile and rock texture:

![](images/ShaderGraph-Docs/OutGraph.png)

Below are the two original images, the image representation of the alpha of the background, and the resulting blended texture applied to a cube:



![](images/ShaderGraph-Docs/DisjointOverMaterial1.png)



![](images/ShaderGraph-Docs/DisjointOverMaterial2~dark.png)



![](images/ShaderGraph-Docs/InMaterialAlpha.png)

![](images/ShaderGraph-Docs/OutMaterial~dark.png)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)