ComfyUI Node: 🟨 CR Radial Gradient

🟨 CR Radial Gradient:

The CR Radial Gradient node is designed to create a smooth transition of colors radiating from a central point outward, forming a circular gradient effect. This node is particularly useful for generating visually appealing backgrounds, highlights, or any graphical elements that require a radial color transition. By leveraging this node, you can easily define the center of the gradient, the colors at the start and end points, and the distance over which the gradient transitions. This flexibility allows for a wide range of creative possibilities, making it an essential tool for AI artists looking to enhance their visual compositions with dynamic and engaging color patterns.

🟨 CR Radial Gradient Input Parameters:

width

This parameter defines the width of the canvas on which the radial gradient will be drawn. It determines the horizontal size of the output image. The width should be specified in pixels, and it directly impacts the resolution and aspect ratio of the gradient. There is no strict minimum or maximum value, but typical values range from 100 to 2000 pixels depending on the desired output size.

height

This parameter specifies the height of the canvas for the radial gradient. Similar to the width, it determines the vertical size of the output image and should be provided in pixels. The height affects the resolution and aspect ratio of the gradient. Typical values range from 100 to 2000 pixels.

start_color

This parameter sets the color at the center of the radial gradient. You can choose from predefined color names or use a custom color by specifying a hexadecimal color code. The start color is crucial as it defines the initial hue from which the gradient will radiate outward.

end_color

This parameter defines the color at the outer edge of the radial gradient. Similar to the start color, you can select from predefined color names or use a custom hexadecimal color code. The end color determines the final hue of the gradient as it reaches the edges of the canvas.

radial_center_x

This parameter specifies the horizontal position of the center of the radial gradient as a fraction of the canvas width. The value ranges from 0 to 1, where 0 represents the left edge and 1 represents the right edge of the canvas. The default value is 0.5, placing the center in the middle horizontally.

radial_center_y

This parameter sets the vertical position of the center of the radial gradient as a fraction of the canvas height. The value ranges from 0 to 1, where 0 represents the top edge and 1 represents the bottom edge of the canvas. The default value is 0.5, placing the center in the middle vertically.

gradient_distance

This parameter controls the distance over which the gradient transitions from the start color to the end color. It is specified as a fraction of the canvas size, with a value of 1 meaning the gradient will transition over the entire canvas. Adjusting this value allows for tighter or more extended gradient transitions.

start_color_hex

This parameter allows you to specify a custom start color using a hexadecimal color code. It provides flexibility for precise color selection beyond predefined color names. The default value is #000000 (black).

end_color_hex

This parameter allows you to specify a custom end color using a hexadecimal color code. It offers the same flexibility as the start color hex parameter for precise color selection. The default value is #000000 (black).

🟨 CR Radial Gradient Output Parameters:

canvas

The output parameter is the canvas, which is an image array representing the radial gradient. This canvas can be used directly in your visual compositions or further processed for additional effects. The canvas contains the gradient transition from the start color at the center to the end color at the edges, based on the specified input parameters.

🟨 CR Radial Gradient Usage Tips:

• Experiment with different start_color and end_color combinations to create unique and visually striking gradients.
• Adjust the radial_center_x and radial_center_y parameters to offset the gradient center and create interesting focal points in your designs.
• Use the gradient_distance parameter to control the smoothness of the gradient transition, making it either more abrupt or more gradual.

🟨 CR Radial Gradient Common Errors and Solutions:

"Invalid color code"

• Explanation: This error occurs when the specified hexadecimal color code is not in the correct format.
• Solution: Ensure that the color code is a valid hexadecimal string, starting with # followed by six hexadecimal digits (e.g., #FF5733).

"Canvas size too small"

• Explanation: This error happens when the specified width or height of the canvas is too small to render the gradient effectively.
• Solution: Increase the width and height parameters to ensure the canvas is large enough to display the gradient properly.

"Gradient distance out of range"

• Explanation: This error occurs when the gradient_distance parameter is set to a value outside the acceptable range.
• Solution: Ensure that the gradient_distance is a fraction between 0 and 1. Adjust the value to fall within this range.