Duotone

Map colors to two tones based on luminance

Props

  • colorA

    First color (used for darker areas)

    Type
    string
    Default
    #ff0000
  • colorB

    Second color (used for brighter areas)

    Type
    string
    Default
    #023af4
  • blend

    Blend point between the two colors

    Type
    number
    Default
    0.5
  • colorSpace

    Color space for color interpolation

    Type
    "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
    Default
    linear

Usage

<Shader>
  <Duotone>
    <Circle />
  </Duotone>
</Shader>