Skip to content

Color Scale ​

What It Does ​

The Color Scale node visualizes a sequence of colors as a gradient or palette. It provides a preview of color scales for design systems or data visualizations.

Inputs ​

NameDescriptionTypeRequired
ValueThe array of colors to display as a scaleListYes

Outputs ​

NameDescriptionType
No outputsThis node is for preview purposes only-

Color Scale Example

How to Use It ​

  1. Drag the Color Scale node into your graph.
  2. Connect an array of colors to the "Value" input.
  3. The node will display the colors as a continuous scale or discrete swatches.
  4. Use the preview to evaluate the visual progression of your color scale.

Tips ​

  • Include at least 3-5 colors for a meaningful scale preview.
  • Use this to check both color ramps and discrete palettes for consistency.

See Also ​

Use Cases ​

  • Gradient Validation: Visualize color gradients to ensure smooth transitions.
  • Palette Design: Preview color palettes for cohesiveness and visual harmony.
  • Data Visualization: Check color scales for data maps, charts, and graphs.