Help Center & FAQ

From basic operations to advanced troubleshooting—master your UE5 color workflow here.

Core Workflow

1

Input Design Color

Paste your color codes directly from Figma or Photoshop into the HEX box (e.g., #FF5500), or manually dial it in using the HSV color picker.

2

See Real-Time Sync

The tool instantly calculates everything locally, updating RGB, HSL, HSV, and most importantly, the Linear Color (Gamma 2.2) float panel.

3

One-Click Copy

Click the copy icon in the Linear Color panel to grab the exact parameters, ready to be pasted into Unreal Engine or your C++ code.

Color Theory & Troubleshooting

Why do web colors look washed out or muddy in UE5?

This is a classic "Gamma trap." Web browsers, monitors, and design software default to the sRGB color space (which applies a Gamma curve of roughly 2.2). Unreal Engine, however, uses Physically Based Rendering (PBR), where lighting math must be calculated in Linear Space.

If you feed sRGB values directly into the engine as if they were linear, the engine applies another gamma correction when outputting to your screen. This "double gamma correction" over-brightens the midtones, resulting in a washed-out look. Our tool performs the inverse math to strip away that Gamma curve so your in-engine colors match your mockups perfectly.

How do I correctly use these extracted values in C++?

The Linear Color floats provided by our tool map directly to the FLinearColor struct in Unreal Engine C++. You shouldn't use FColor (which is meant for 8-bit sRGB). Instead, use the high-precision floats. For example, if the tool outputs (R=0.21, G=0.55, B=0.88, A=1.00):

// Recommended: Initialize FLinearColor directly
FLinearColor MyThemeColor = FLinearColor(0.21f, 0.55f, 0.88f, 1.0f);

// Applying it to a Slate UI Widget
MyBorder->SetBorderBackgroundColor(MyThemeColor);

Why do colors sometimes look different in UMG compared to Materials?

This usually comes down to color space settings on your nodes or assets. In the Material Editor, when using a Constant3Vector node, the color picker expects you to know whether you're inputting sRGB or Linear values. If you're using values from our tool, ensure you're placing them in the Linear fields. Additionally, if your UI textures are imported into UE5 with the sRGB checkbox toggled incorrectly, it will drastically alter how UMG Image widgets render those colors.

Where is my color history saved? Will it sync across devices?

To strictly protect your privacy and ensure lightning-fast load times, all history data relies entirely on your browser's LocalStorage. The data lives only on your local hard drive. We do not use databases, and your data is never uploaded to the cloud. Consequently, if you switch computers, use Incognito mode, or clear your browser cache, your history will be lost.