Color Picker

The Color Picker allows you to easily adjust a color value for a color property in the Unreal Editor. You can adjust colors by RGBA (red, green, blue, alpha), HSV (hue, saturation, value), and Hex (ARGB). Alternatively you can select a color by clicking anywhere in the color wheel or by capturing the color under your mouse, anywhere on your monitors.

ColorPicker.jpg

Item Description
Themes & sRGB Allows for Theme selection and sRGB previews (see note below).
Color Wheel A Color wheel that allows a color to be selected graphically by clicking and dragging with the mouse. Additional adjustments can be made by using the two vertical bars. Instead of Color Wheel, a Color Spectrum may be used if the option is toggled on.
Color Swatches Displays the color currently assigned (Old) to the property and the color currently selected in the Color Picker (New). Colors can be dragged from either the Old or New sections to the Themes bar to save them for reuse later on.
Picker Options Toggles between the Color Wheel or Color Spectrum (left image). The Eye Dropper (right image) can be used for selecting a colored pixel from any window inside or outside of Unreal Engine.
Red Channel Drag or type value to set the Red channel.
Green Channel Drag or type value to set the Green channel.
Blue Channel Drag or type value to set the Blue channel.
Hue Channel Drag or type value to set the Hue.
Saturation Channel Drag or type value to set the Saturation.
Value Channel Drag or type value to set the Value (color brightness).
Alpha Channel Drag or type value to set the Alpha channel.
Hex Values Enter in Hexadecimal Linear or Hexadecimal sRGB values manually.

When working with the Color Picker, it does not assume a straight inverse gamma conversion from colors sampled on the screen using the Eye Dropper. Instead, sRGB is the assumed space all colors are sampled in, making sampling colors from Photoshop the identical version of the color converted into linear space. When transformed back into sRGB space, it will be the same color you saw in Photoshop.

FColor and FLinearColor can also default to the sRGB space using a UPROPERTY meta tag of sRGB=true (or false), you can force a specific default checking of the sRGB checkbox.

Several places in Unreal Motion Graphics (UMG) now force this default since sRGB is the space UMG will be rendered in (on PC). Additional work will be needed on Mac where the final rendering space is gamma 2.2.

Themes

Themes are collections of colors that can be easily reused. These can be used to make commonly used colors available or to restrict the colors used by artists and designers to a specific palette.

Example Theme

Creating Themes

New themes can be added through the Theme Menu accessible via the Theme Menu button.

Theme Menu

Clicking the New Theme button will add an empty theme to the list.

Theme Menu

Themes can also be created by duplicating an existing theme using the Duplicate button.

Duplicated Theme

Renaming Themes

Themes can be renamed through the Theme Menu by clicking the Rename button.

Theme Menu Theme Menu Theme Menu
Edit box for theme name Enter new name for theme Press Accept to set the name

Adding and Removing Colors

Colors can be added, removed, or reordered within the theme using drag and drop.

Add color Reorder Colors Remove Color
Drag from main swatch to add a color Drag color within theme to reorder Drag color to trashcan to delete

Colors can also be reordered and removed from the Theme Menu.

Reorder Colors Remove Color
Drag color within theme to reorder Drag color to trashcan to delete

Using Themes

To change themes, select the theme you want to be active from the Theme Menu.

Select Theme

To use a color from the current theme, Double-click the color to be applied. This will update the currently selected color in the Color Picker.

Use Color

Hovering the cursor over a color in the theme will display the color information.

Color Info