Skip to content

Gradient Editor

The gradient editor window

Editing Keypoints

Keypoints can be added by clicking anywhere in the gradient view (as long as the cursor isn't snapped to another keypoint). Clicking on a keypoint will select it, which allows you to delete it, change its color or position, and use the left or right buttons (not the arrow keys) to swap its color with the keypoint on the left or right, respectively. You can also change the position by dragging it around the gradient view.

Other Controls

  • The reverse keypoint button reverses the order of the colors in the gradient
  • The Snap input can be used to modify the interval at which keypoints snap
  • The Reset button resets the gradient to its initial value

The ColorSequence code toggle button toggles showing the ColorSequence code for the gradient, if you wish to copy it. You'll probably have to increase the size of the window to view the whole code.

ColorSequence code

Gradient Palette

The gradient palette window

You can open the gradient palette using the gradient palette button. Similar to color palettes, you can store gradients for later use. Unlike the color palettes, however, there is only one palette, and you cannot import/export the palette. The first 3 gradients in the palette are built-in, so you cannot modify or delete them.

Gradient Info

The gradient information window

You can access gradient info with the gradient information button. Editing gradient information is an advanced feature that allows you to create gradients with interpolation in different color spaces. The available options for the color space and hue interpolation are the same as those used in Color.mix.

Increasing precision allows you to get a more visually-accurate gradient for the specified color space, but at the cost of the number of keypoints that you're allowed to insert.

For non-RGB color spaces, the precision should be at least 1, otherwise the gradient will not look any different from itself in RGB space. For RGB space, the precision should always be 0, since ColorSequences already use RGB interpolation.