🎨

Color & Visual

Blueprint nodes for color & visual operations.

20 nodes

Hex To Linear Color

Pure

Converts a hex color string to FLinearColor. Supports with/without '#' and 6 or 8 character formats.

HexToLinearColor

Linear Color To Hex

Pure

Converts an FLinearColor to a hex string.

LinearColorToHex

RGB To HSL

Pure

Converts an RGB color to HSL (Hue, Saturation, Lightness) components.

RGBToHSL

HSL To RGB

Pure

Converts HSL values to an RGB linear color.

HSLToRGB

RGB To HSV

Pure

Converts an RGB color to HSV (Hue, Saturation, Value) components.

RGBToHSV

HSV To RGB

Pure

Converts HSV values to an RGB linear color.

HSVToRGB

Get Complementary Color

Pure

Returns the complementary color (opposite on the color wheel, 180 degree hue shift).

GetComplementary

Get Analogous Colors

Pure

Returns two analogous colors (adjacent on the color wheel).

GetAnalogousColors

Get Triadic Colors

Pure

Returns two triadic colors (120 degrees apart on the color wheel).

GetTriadicColors

Lerp Color HSL

Pure

Interpolates between two colors in HSL space, producing perceptually smoother transitions than RGB lerp.

LerpColorHSL

Lerp Color HSV

Pure

Interpolates between two colors in HSV space.

LerpColorHSV

Temperature To Color

Pure

Converts a color temperature in Kelvin to an RGB color using the Planckian locus approximation.

TemperatureToColor

Contrast Ratio

Pure

Calculates the WCAG contrast ratio between two colors (1:1 to 21:1).

ContrastRatio

Is WCAG AA Compliant

Pure

Checks if a text/background color pair meets WCAG AA accessibility standards (4.5:1 for normal, 3:1 for large).

IsWCAGAACompliant

Generate Palette

Pure

Generates a color palette from a base color using various harmony rules (complementary, analogous, triadic, split-comple...

GeneratePalette

Saturate Color

Pure

Increases the saturation of a color by the given amount.

Saturate

Desaturate Color

Pure

Decreases the saturation of a color by the given amount.

Desaturate

Brighten Color

Pure

Increases the brightness/lightness of a color.

BrightenColor

Darken Color

Pure

Decreases the brightness/lightness of a color.

DarkenColor

Random Harmonious Color

Pure

Generates a random color that is harmonious with the base color (within hue, saturation, and value constraints).

RandomHarmoniousColor