ComfyUI Node: 🟨 CR Color Gradient

🟨 CR Color Gradient:

The CR Color Gradient node is designed to create smooth transitions between two colors across a specified canvas. This node is particularly useful for generating visually appealing backgrounds, overlays, or any graphical element that requires a gradient effect. By allowing you to define the start and end colors, as well as the orientation and transition point of the gradient, this node provides a high degree of customization. The primary goal of the CR Color Gradient node is to facilitate the creation of linear color gradients, which can enhance the aesthetic quality of your AI-generated art by adding depth and dimension.

🟨 CR Color Gradient Input Parameters:

start_color

This parameter defines the starting color of the gradient. You can choose from predefined colors or specify a custom color using a hexadecimal value. The default color is white (255, 255, 255). This parameter significantly impacts the initial appearance of the gradient.

end_color

This parameter sets the ending color of the gradient. Similar to the start_color, you can select from predefined colors or input a custom hexadecimal value. The default color is black (0, 0, 0). This parameter determines the final color at the opposite end of the gradient.

start_color_hex

If you choose "custom" for the start_color, this parameter allows you to specify the exact hexadecimal value for the starting color. This provides precise control over the gradient's initial hue.

end_color_hex

If "custom" is selected for the end_color, this parameter lets you input the hexadecimal value for the ending color. This ensures that the gradient transitions to your desired final color.

width

This parameter specifies the width of the canvas on which the gradient will be applied. The width affects the horizontal span of the gradient.

height

This parameter defines the height of the canvas. It influences the vertical extent of the gradient.

orientation

This parameter determines the direction of the gradient. You can choose between "horizontal" and "vertical" orientations. The orientation affects how the colors transition across the canvas.

linear_transition

This parameter sets the point of transition between the start and end colors. It is a value between 0 and 1, where 0 represents the start color and 1 represents the end color. This parameter allows you to control the smoothness and position of the gradient transition.

gradient_distance

This parameter defines the distance over which the gradient transition occurs. It is a value between 0 and 1, where 0 means an abrupt transition and 1 means a smooth, extended transition. This parameter helps in fine-tuning the gradient effect.

🟨 CR Color Gradient Output Parameters:

canvas

The output is a canvas with the applied gradient. This canvas can be used as a background, overlay, or any other graphical element in your AI-generated art. The gradient effect adds depth and visual interest to your creations.

🟨 CR Color Gradient Usage Tips:

• Experiment with different start and end colors to create unique gradient effects that complement your artwork.
• Adjust the linear_transition parameter to control the smoothness of the gradient transition and achieve the desired visual effect.
• Use the gradient_distance parameter to fine-tune the gradient, making it either more abrupt or more gradual depending on your artistic needs.

🟨 CR Color Gradient Common Errors and Solutions:

"Invalid color value"

• Explanation: This error occurs when the specified color value is not recognized or is incorrectly formatted.
• Solution: Ensure that the color values are correctly formatted hexadecimal values or valid predefined color names.

"Canvas size too large"

• Explanation: This error happens when the specified width or height exceeds the allowable limits.
• Solution: Reduce the width and height parameters to fall within the acceptable range.

"Invalid orientation value"

• Explanation: This error is triggered when an invalid orientation value is provided.
• Solution: Ensure that the orientation parameter is set to either "horizontal" or "vertical".