Deconstruct Color
What It Does
Breaks a color down into its individual component values based on its color space. This gives you access to each channel (like red, green, blue in RGB) for separate manipulation.
Inputs
| Name | Description | Type | Required |
|---|---|---|---|
| color | The color to break down into components | Color | Yes |
Outputs
| Name | Description | Type |
|---|---|---|
| space | The color space of the input color | String |
| a | The first channel value (e.g., red in RGB, hue in HSL) | Number |
| b | The second channel value (e.g., green in RGB, saturation in HSL) | Number |
| c | The third channel value (e.g., blue in RGB, lightness in HSL) | Number |
| alpha | The transparency value (0-1) | Number |
How to Use It
- Drag the Deconstruct Color node into your graph.
- Connect a color (like
#4D6ADD) to the "color" input. - Run the graph—each output will contain a separate component of the color.
- Connect the individual channel outputs to other nodes for specific manipulations.
Tips
- The channel meanings (a, b, c) depend on the color's space (RGB, HSL, LAB, etc.). Read more about color channels.
- Use with Create Color to rebuild a color after modifying specific channels.
See Also
- Create Color: For rebuilding a color from individual channel values.
- Convert Color: For changing a color's space before deconstructing it.
Use Cases
- Channel Manipulation: Extract the hue of a color to create variations with the same hue but different saturation/lightness.
- Color Analysis: Break down colors to understand their composition or for comparison.
- Systematic Adjustments: Modify just one aspect of a color (like saturation) while preserving other qualities.