ISSUE-2380: Consider adding feColorRamp filter


Consider adding feColorRamp filter

Module: Filters
Raised by:
Doug Schepers
Opened on:
I'd like to propose adding an <feColorRamp> filter element to SVG. This
is a simple filter that takes selects a channel from an input image and
uses the intensity of a particular pixel to lookup a color value in a


At the moment, the SVG filtering system provides ways to perturb images in
their domain (feDisplacementMap), but has only limited ability to remap
their range (feColorMatrix is probably the best existing option). To use
fractal noise and turbulence to produce natural effects such as fire,
clouds, marble or wood, the intensity of the noise needs to be mapped to a
color ramp (gradient). (See Ken Perlin's 'Making Noise'


A new filter element should be added to svg called <feColorRamp>. It
would have the following attributes:

in: "SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha |
FillPaint | StrokePaint | <filter-primitive-reference>"
- Choose input image

channelSelector: "R | G | B | A"
- Determines channel of input image that is remapped

ramp: <gradient>
- The gradient that is used for remapping intensity values in the input

Please let me know if you think this is a good idea, and where I should
submit this proposal if this list is not the best place.
Related Actions Items:
No related actions
Related emails:
  1. Re: Agenda Proposal for TPAC 2010 (from on 2010-11-01)
  2. Re: Need to add <feColorRamp> to SVG [ISSUE-2380] (from on 2010-10-06)
  3. Re: Need to add <feColorRamp> to SVG [ISSUE-2380] (from on 2010-10-06)
  4. Re: Need to add <feColorRamp> to SVG [ISSUE-2380] (from on 2010-10-05)
  5. ISSUE-2380 (feColorRamp): Consider adding feColorRamp filter [Module: Filters] (from on 2010-10-05)

Related notes:

No additional notes.

Display change log ATOM feed

Dirk Schulze <>, Chair, Chris Lilley <>, Staff Contact
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <>.
$Id: 2380.html,v 1.1 2020/01/17 13:21:34 carcone Exp $