Color Wheel
What It Does
Generates a set of colors arranged in a color wheel pattern. Starting from a base hue, it creates a specified number of colors by rotating around the color wheel at consistent intervals, while maintaining the same saturation and lightness values.
Inputs
| Name | Description | Type | Required |
|---|---|---|---|
| baseHue | The starting hue angle (0-360 degrees) | Number | No |
| angle | The total angle to rotate around the color wheel | Number | No |
| saturation | The saturation percentage for all colors (0-100) | Number | No |
| lightness | The lightness percentage for all colors (0-100) | Number | No |
| colors | The number of colors to generate | Number | No |
Outputs
| Name | Description | Type |
|---|---|---|
| value | An array of evenly spaced colors | List of Colors |
How to Use It
- Drag the Color Wheel node into your graph.
- Set the "baseHue" to your starting hue angle (default is 360/0, which is red).
- Set the "angle" to determine how far around the wheel to go (default is 180 degrees).
- Adjust "saturation" and "lightness" to control the vibrancy and brightness (defaults are 80%).
- Set the "colors" value to determine how many colors to generate (default is 8).
- Run the graph—your output will be an array of colors evenly distributed around the wheel.
- Connect a Color Scale preview node to visualise your output.
Tips
- For a full color wheel, set angle to 360 degrees.
- For complementary colors, use 2 colors with angle 180.
- For triadic colors, use 3 colors with angle 360.
- For analogous colors, use 3-5 colors with a smaller angle (30-60 degrees).
See Also
- Range: For creating a range between two specific colors.
- Scale Colors: For generating a graduated scale of a single color.
- Mix Colors: For blending between two specific colors.
Use Cases
- Color Harmonies: Create complementary, triadic, or other color schemes.
- Data Visualization: Generate distinct colors for charts and graphs.
- UI Theming: Develop consistent color families for interface elements.