# Farbraumkonverter

Konvertiert Farben zwischen HEX, RGB, HSL, CIELAB und Display-P3 mit CSS-Ausgabe und Gamut-Pruefung.

> Kanonische Seite: https://elysiatools.com/de/tools/color-space-converter

- **Kategorie:** Design

- **Schlagwörter:** farbkonverter, display p3, farbraum

## Überblick

Zeigt Web-, perzeptuelle und Wide-Gamut-Darstellungen einer CSS-Farbe.

## Eingaben

- **Farbwert** (text): #FF6B35, rgb(255 107 53), hsl(14 100% 60%)
- **Eingabeformat** (select)

## Wann verwenden

- Wenn Sie CSS-Farbcodes für moderne Webprojekte in Wide-Gamut-Farbräume wie Display-P3 konvertieren müssen.
- Wenn Sie die Wahrnehmungsgleichheit von Farben mithilfe des CIELAB-Farbraums analysieren möchten.
- Wenn Sie überprüfen müssen, ob eine bestimmte Farbe außerhalb des Standard-sRGB-Farbraums liegt.

## Funktionsweise

- Geben Sie den gewünschten Farbwert als HEX, RGB, HSL, CIELAB oder Display-P3 in das Eingabefeld ein.
- Wählen Sie optional das spezifische Eingabeformat aus oder lassen Sie es automatisch erkennen.
- Das Tool berechnet die entsprechenden Werte für alle unterstützten Farbräume mithilfe von D65-Matrizen.
- Kopieren Sie den generierten CSS-Code und prüfen Sie die Gamut-Kompatibilität direkt in der Ergebnisanzeige.

## Anwendungsfälle

- Konvertierung von klassischen HEX-Webfarben in das modernere Display-P3-Format für iOS- und macOS-Displays.
- Berechnung von CIELAB-Werten zur präzisen Bestimmung von Farbabständen in Design-Systemen.
- Validierung von Farbpaletten auf sRGB- und Wide-Gamut-Kompatibilität für barrierefreie Webanwendungen.

## Häufig gestellte Fragen

### Welche Farbräume werden unterstützt?

Das Tool unterstützt HEX, RGB, HSL, CIELAB und Display-P3.

### Was bedeutet die Gamut-Prüfung?

Sie zeigt an, ob eine Farbe innerhalb des darstellbaren Bereichs von sRGB oder Display-P3 liegt oder abgeschnitten wird.

### Wie funktioniert die automatische Erkennung?

Das Tool analysiert die Syntax Ihrer Eingabe und wählt das passende Format selbstständig aus.

### Basiert die CIELAB-Konvertierung auf einem bestimmten Standard?

Ja, die Berechnungen nutzen D65-Standardlichtquellen-Matrizen für präzise Farbtransformationen.

### Kann ich den konvertierten Code direkt in CSS verwenden?

Ja, das Tool gibt die konvertierten Werte in standardkonformer CSS-Syntax aus.

## Ähnliche Tools

- [OKLCH-Farbkonverter](https://elysiatools.com/de/tools/oklch-color-converter): Bidirektionale Umrechnung zwischen HEX, RGB, HSL, OKLCH und Display-P3 nach CSS Color 4, mit Helligkeit-/Chroma-/Farbton-Werten, sRGB- und Display-P3-Gamut-Prüfung und Vorschlag zum Beschneiden außerhalb des Gamuts
- [KI-Domain-Namen-Generator](https://elysiatools.com/de/tools/ai-domain-name-idea-generator): Gib Marken-Schlüsselwörter ein — die KI erzeugt bis zu 10 Domain-Ideen und filtert bereits vergebene per DNS + RDAP heraus. Für Gründer und Entwickler.
- [CMYK-Farbkonverter](https://elysiatools.com/de/tools/cmyk-converter): Konvertiert Farben zwischen HEX, RGB, HSL und CMYK.
- [Security-Header-Prüfer](https://elysiatools.com/de/tools/security-headers-checker): Prüft HTTP-Antwort-Header auf Sicherheits-Compliance — analysiert die von Ihnen eingefügten Roh-Header (ohne Netzwerk) und bewertet sie gegen das OWASP-Secure-Header-Set mit Wertebenen-Prüfungen: HSTS max-age, CSP unsafe-inline/eval, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, COOP/COEP/CORP u. a. Liefert eine Note (A+ bis F) sowie pro-Header-Befunde mit kopierfertigen Empfehlungen.
- [Tailwind-Farbpaletten-Sync](https://elysiatools.com/de/tools/tailwind-color-palette-sync): Gib HEX ein, wähle Namensschema (Skala 50–950 / Einzelname / Verschachtelung) und generiere das theme.extend.colors-Fragment für tailwind.config.ts mit WCAG AA/AAA-Leveln. Dark Mode optional.
- [Barrierefreier Farbkontrast-Pruefer](https://elysiatools.com/de/tools/accessible-color-palette-contrast-checker): Prueft Farbpaare nach WCAG 2.1 AA und AAA und macht Anpassungsvorschlaege
- [Adobe RGB zu LAB Konverter](https://elysiatools.com/de/tools/adobe-rgb-to-lab-converter): Adobe RGB-Farbwerte in LAB-Farbraum für Farbanalyse umwandeln mit Alphakanal-Unterstützung
- [Bild-Farbpaletten-Extraktor](https://elysiatools.com/de/tools/image-color-palette-extractor): Laedt ein Bild hoch, extrahiert dominante Farben und exportiert codefertige Tokens mit Kontrastpruefung

## Beispiele

- [Farbcode-Beispiele](https://elysiatools.com/de/samples/color-code): Sammlung von Farbcodes in verschiedenen Formaten (Hex, RGB, HSL, benannte Farben) für Validierungstests
- [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
- [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
- [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung