Farbprofile in Designdateien verwalten

Bevor du anfängst

Wer diese Funktion verwenden kann

Verfügbar in allen Abos

Verfügbar in Figma design im Browser und in der Desktop-App

Erfordert Schreibzugriff auf die Datei

Verschiedene Displays verwenden unterschiedliche Technologien für die Farbwiedergabe, was zu visuellen Diskrepanzen zwischen Geräten, Monitoren, Browsern und Anwendungen führen kann. Je größer ein Team, desto größer können diese Unterschiede werden. 

Mit Farbmanagement in Figma kannst du:

• Die Farbkonsistenz aufrechterhalten, auch wenn deine Teammitglieder andere Displays haben
• Für neu erstellte Designdateien dein bevorzugtes Farbprofil wählen
• Die Farben in einer Datei durch Auswahl eines anderen Farbprofils ändern
• Assets mit bestimmten Farbprofilen exportieren

Unterstützte Farbprofile

In Figma design kannst du zwischen zwei Farbprofilen wählen: sRGB und Display P3.

sRGB ist das am häufigsten verwendete Farbprofil. Es ist seit langem der Standard im Web und wird von fast allen Browsern und Displays unterstützt.

Display P3 – auch P3 genannt – bietet leuchtendere Farben und 49 % mehr visuell unterschiedliche Farben als sRGB. Zwar ist es noch nicht der Standard im Web und für Displays, wird aber immer beliebter. Wenn du Inhalte für iOS-Geräte oder Retina-Displays erstellst, ist Display P3 dafür geeignet.

Um das beste Ergebnis zu erzielen, sollte dein Display das gewünschte Farbprofil unterstützen und dieses auf dem Display eingestellt sein. Display P3-Farben beispielsweise werden auf Monitoren, die dieses Profil nicht unterstützen, nicht richtig angezeigt.

FigJam-Whiteboards werden in sRGB wiedergegeben.

Das bevorzugte Farbprofil wählen

Die Standardeinstellung für neue Designdateien ist sRGB. So kannst du ein anderes Farbprofil für von dir erstellte Designdateien auswählen:

1. Öffne eine Datei, auf die du Zugriff hast.
2. Öffne das Figma-Menü.
3. Navigiere zu Preferences (Einstellungen) > Color profile (Farbprofil).
4. Wähle in der Ansicht Color profile settings (Farbprofileinstellungen) die Option sRGB oder Display p3 aus.
5. Klicke auf , um die Ansicht zu schließen und deine Einstellungen zu speichern.

Das Farbprofil einer Datei ändern

Farbprofile können auf Dateiebene geändert werden. Wenn du das Farbprofil einer Datei ändern möchtest, kannst du zwischen zwei Optionen wählen:

• Keep color values (Assign) (Farbwerte beibehalten – Zuweisen) ändert die Darstellung der Farben, aber nicht die Farbwerte.
• Keep appearance (Convert) (Darstellung beibehalten – Konvertieren) ändert die Farbwerte, aber nicht ihre Darstellung.

Farbwerte beibehalten (Zuweisen)

Wenn du einer Datei ein Farbprofil zuweist, ändert sich die visuelle Darstellung der Farben, aber die zugrunde liegenden Daten, wie Hex-Codes oder HSB-Werte, bleiben gleich.

Beim Arbeiten mit bestimmten Farben, z. B. Farben von Marken, kann es wichtig sein, die Farbwerte beizubehalten. Hier kommt es darauf an, dass die Hex-Codes auf allen Geräten und in allen Dateien gleich bleiben, auch wenn die Farben leicht abweichend dargestellt werden.

So weist du einer Datei ein Farbprofil zu:

1. Öffne die Datei und klicke neben dem Dateinamen auf .
2. Navigiere zu File color profile (Dateifarbprofil) > Change to Display P3 (In Display P3 ändern) oder Change to sRGB (In sRGB ändern).
3. Wähle in der Ansicht Keep color values (Assign) (Farbwerte beibehalten – Zuweisen) aus.
4. Um die Änderungen zu speichern, klicke auf Assign Display P3 (Display P3 zuweisen) oder Assign sRGB (sRGB zuweisen).

Darstellung beibehalten (Konvertieren)

Wenn du eine Datei zu einem anderen Farbprofil konvertierst, ändern sich die zugrunde liegenden Daten der Farben, aber die Farben selbst werden unverändert bzw. so ähnlich wie möglich dargestellt.

Das Beibehalten der Farbdarstellung kann wichtig sein, wenn du Ideen sammelst, Wireframes erstellst oder testest, wie Farben auf verschiedenen Geräten angezeigt werden. Hier hat die einheitliche Darstellung Vorrang vor der Beibehaltung eines Systems.

So konvertierst du eine Datei zu einem anderen Farbprofil:

1. Öffne die Datei und klicke neben dem Dateinamen auf .
2. Navigiere zu File color profile (Dateifarbprofil) > Change to Display P3 (In Display P3 ändern) oder Change to sRGB (In Display sRGB ändern).
3. Wähle in der Ansicht Keep appearance (Convert) (Darstellung beibehalten – Konvertieren) aus.
4. Um die Änderungen zu speichern, klicke auf Convert to Display P3 (Zu Display P3 konvertieren) oder Convert to sRGB (Zu sRGB konvertieren).

Auf Farbstile und Farbvariablen hat das Konvertieren keinen Einfluss, ihre Farbwerte ändern sich also nicht.

Eine Änderung an einem Farbprofil rückgängig machen

Um eine Änderung an einem Farbprofil rückgängig zu machen, hast du folgende Optionen:

• Verwende folgende Tastaturkürzel: ⌘ Befehlstaste/Strg Z.
• Wähle im Versionsverlauf eine frühere Dateiversion aus.

Einer bestehenden Datei ein Farbprofil zuweisen

Die Einstellung Unmanaged (Unverwaltet) ist ab August 2023 nicht mehr verfügbar. Ältere Designdateien mit der Einstellung „unverwaltet“ verfügen nicht über ein bestimmtes Farbprofil und werden auf Same as preferred profile (preferred color profile) (Wie bevorzugtes Profil – bevorzugtes Farbprofil) gesetzt. Wenn du kein bevorzugtes Farbprofil festgelegt hast, wird die Datei in sRGB wiedergegeben.

So weist du einer bestehenden Datei ein Farbprofil zu:

1. Öffne die Datei und klicke neben dem Dateinamen auf .
2. Navigiere zu File color profile (Dateifarbprofil) > Assign to sRGB (sRGB zuweisen) oder Assign to Display P3 (Display P3 zuweisen).

Nachdem du der Datei ein Farbprofil zugewiesen hast, kannst du sie zu einem anderen Farbprofil konvertieren. Du kannst jedoch nicht zu der Einstellung Same as preferred profile (Wie bevorzugtes Profil) zurückkehren.

Objekte exportieren

Figma exportiert Assets standardmäßig mit dem Farbprofil der Datei. Du kannst beim Exportieren aber auch ein anderes Farbprofil auswählen. Weitere Informationen zur Auswahl des Farbprofils beim Exportieren von Assets →