Convert Color
What It Does
Transforms a color from one color space to another. This allows you to change how a color is represented and measured, which is useful for different operations and color manipulations.
Inputs
| Name | Description | Type | Required |
|---|---|---|---|
| color | The color to convert | Color | Yes |
| space | The target color space (e.g., srgb, hsl, oklch) | String | No |
Outputs
| Name | Description | Type |
|---|---|---|
| color | The converted color in the new color space | Color |
How to Use It
- Drag the Convert Color node into your graph.
- Connect a color (like
#FF0000) to the "color" input. - Select a color space (like "oklch") from the "space" dropdown or input.
- Run the graph—your output will be the same color but represented in the new color space.
Tips
- Different color spaces are better for different operations: HSL for hue adjustments, OKLCH for perceptual lightness.
- Converting between spaces preserves the visual color but changes how its values are structured.
See Also
- Create Color: For building a color from raw values in a specific color space.
- Deconstruct Color: For breaking a color into its component values.
Use Cases
- Perceptual Editing: Convert to OKLCH to make perceptually uniform color adjustments.
- HSL Manipulations: Convert to HSL to easily modify hue, saturation, or lightness independently.
- Color System Standardization: Ensure all colors in your design system use the same color space for consistent manipulation.