SVG feComponentTransfer Filter
feComponentTransfer remaps each color channel independently using one of four function types, enabling many custom color effects.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
The Four Component Transfer Function Types
feComponentTransfer's child elements (feFuncR, feFuncG, feFuncB, feFuncA) each accept a type attribute of identity (no change), table (a lookup table mapping input to output values), linear (a slope and intercept formula), or gamma (a gamma correction curve), giving four distinct ways to remap each channel's values.
- identity leaves a channel unchanged, serving as a pass-through default
- table maps specific input values to specific output values via a lookup list
- linear and gamma apply formula-based remapping for brightness and curve adjustments
Practical Uses Across the Four Function Types
The table type is particularly powerful for creating posterization or color-banding effects by mapping a continuous range of input values to a small set of discrete output steps, while linear handles straightforward brightness and contrast adjustments, and gamma suits perceptually-based brightness curve corrections that a simple linear adjustment can't achieve as naturally.
- table type enables posterization and color-banding effects via discrete steps
- linear handles straightforward brightness and contrast adjustments
- gamma suits perceptually natural brightness curve corrections
Frequently Asked Questions
Can I apply a different function type to each color channel independently?
Yes, since feFuncR, feFuncG, and feFuncB are separate child elements, each can use a completely different function type and parameters, allowing independent creative color manipulation per channel.
Does feComponentTransfer affect an element's opacity, or only its color?
The feFuncA child element specifically controls the alpha channel, so feComponentTransfer can affect opacity/transparency in addition to color, depending on which function elements are included.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG