Duotone
Map colors to two tones based on luminance
Map colors to two tones based on luminance
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #ff0000 | First color (used for darker areas) |
| colorB | color | #023af4 | Second color (used for brighter areas) |
| blend | range | 0.5 | Blend point between the two colors |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<Duotone>
<Circle />
</Duotone>
</Shader>