Tritone

Map colors to three tones: shadows, midtones, highlights

Props

  • colorA

    First color (used for shadows/darkest areas)

    Type
    string
    Default
    #ce1bea

  • colorB

    Second color (used for midtones)

    Type
    string
    Default
    #2fff00

  • colorC

    Third color (used for highlights/brightest areas)

    Type
    string
    Default
    #ffff00

  • blendMid

    Midpoint position between the three colors

    Type
    number
    Default
    0.5

  • colorSpace

    Color space for color interpolation

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

Usage

<Shader>
  <Tritone>
    <Circle />
  </Tritone>
</Shader>