Tritone
Map colors to three tones: shadows, midtones, highlights
Map colors to three tones: shadows, midtones, highlights
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #ce1bea | First color (used for shadows/darkest areas) |
| colorB | color | #2fff00 | Second color (used for midtones) |
| colorC | color | #ffff00 | Third color (used for highlights/brightest areas) |
| blendMid | range | 0.5 | Midpoint position between the three colors |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<Tritone>
<Circle />
</Tritone>
</Shader>