Color profiles in Motiff

Color profiles are standardized specifications that define how colors should be interpreted and displayed. They help maintain consistency across different devices, monitors, browsers, and applications, which is crucial as your team grows and works across various displays.

Supported types

You may need to choose the color profile (sRGB or Display P3) you’d like to work with to your project’s purpose and intended devices.

sRGB

As the most popular color profile, sRGB is the standard for web use. It is supported by almost every browser and display, which is why it’s highly recommended for web design and projects targeting a wide range of devices. From phones to Macs and most screens, sRGB ensures consistent color representation across platforms.

Display P3

Display P3 offers more vibrant colors. Other than being better optimized for content-heavy projects with videos or images, it becomes an ideal choice for devices that utilize the Display P3 color profile, such as modern iPhones. To fully experience its enhanced brightness and vibrancy, a wide gamut display is necessary. Although gaining traction, Display P3 hasn’t yet become the universal standard.

Set files’ color profile

By default, the color profile for creating files is sRGB. You can choose a color profile for creating files by following these steps:

1. 1.Open any file you have access to.
2. 2.Click Main Menu - Preferences - Color profile… .
3. 3.In the color profile settings popup, choose sRGB or Display P3.
4. 4.Close the popup and save the settings.

Change a file’s color profile

You can change the color profile of a file by following these steps:

1. 1.Click Main Menu - File - File color profile and select the type you want to change.
2. 2.In the popup, Motiff supports two options:
   • Keep values (Assign): Keep the same color values, which changes how colors appear.
   • Keep appearance (Convert): Change values (like hex codes) to the nearest Display P3 equivalent. Colors will appear the same.
3. 3.Save the settings.

Keep values or keep appearance

Keep values (Assign)

• Changes the appearance of colors but maintains their underlying values
• RGB values remain the same between color profiles
• Some colors may visually change, especially brighter ones
• Allows seamless switching without any loss of color data.

Keep appearance (Convert)

• Take caution when converting from Display P3 to sRGB, as some bright colors may appear less vibrant
• Converting from sRGB back to Display P3 won't restore the original brightness

Export with color profiles

By default, Motiff exports assets using the color profile.

For example, when the color profile of the file is Display P3, the color profile of the exported content will also be Display P3.

FAQ

1. 1.

   Why do colors look different after export?

   Check if your viewing application or browser fully supports the color profile you're using, as some applications may handle color profiles differently. If you're experiencing consistent issues with color accuracy across different platforms, consider converting your design to sRGB before export, as it offers maximum compatibility with most viewing environments.

2. 2.

   Why do colors look different across team members' screens?

   This typically occurs because team members may be using different display settings, or their monitors may have varying color calibration. To address this issue, ensure all team members are using the same color profile in their design applications. Additionally, verify that team members' displays are calibrated properly using standard calibration tools. For projects involving multiple team members, standardizing on sRGB can minimize inconsistencies, as it's the most universally supported color profile across different devices and operating systems.