Kategorien

← View All Tools

HSL zu XYZ Konverter

HSL-Farbwerte in XYZ für Farbverwaltung umwandeln mit Alphakanal-Unterstützung

Benutzerdefinierte Hintergrundfarbe für Alpha-Komposition (wird bei benutzerdefiniertem Hintergrund verwendet)

Wichtige Fakten

Kategorie
Design
Eingabetypen
textarea, select, color
Ausgabetyp
text
Sample-Abdeckung
3
API verfügbar
Yes

Überblick

Der HSL zu XYZ Konverter ermöglicht eine präzise Umwandlung von HSL-Farbwerten in den geräteunabhängigen CIE-XYZ-Farbraum, ideal für professionelle Farbmanagement-Workflows und digitale Bildschirmanwendungen.

Wann verwenden

  • •Wenn Sie HSL-Farben für geräteunabhängige Farbsysteme oder CIE-basierte Berechnungen benötigen.
  • •Wenn Sie Farben mit Transparenz (Alphakanal) in ein festes XYZ-Format umrechnen müssen.
  • •Wenn Sie konsistente Farbwerte für die plattformübergreifende Entwicklung oder Druckvorstufen-Simulationen suchen.

So funktioniert es

  • •Geben Sie Ihre HSL-Werte in das Eingabefeld ein, wobei verschiedene Formate wie hsl(0,100%,50%) oder einfache Zahlenreihen unterstützt werden.
  • •Wählen Sie das gewünschte Ausgabeformat, beispielsweise als standardisierte XYZ-Koordinaten oder CSS-konforme Syntax.
  • •Legen Sie fest, wie der Alphakanal behandelt werden soll, etwa durch eine Hintergrundfarb-Kompensation, um Transparenz in deckende XYZ-Werte zu überführen.
  • •Klicken Sie auf Konvertieren, um die berechneten XYZ-Werte sofort für Ihre Anwendung zu erhalten.

Anwendungsfälle

Standardisierung von UI-Farben für plattformübergreifende Design-Systeme.
Vorbereitung von Farbdaten für wissenschaftliche Visualisierungen im CIE-Farbraum.
Automatisierte Umrechnung von Web-Farben für die professionelle Druckvorstufe.

Beispiele

1. Web-Farbe für Druckvorstufe vorbereiten

Grafikdesigner
Hintergrund
Ein Designer muss eine Web-Farbe (HSL) in ein druckfähiges Format überführen, das auf dem CIE-Standard basiert.
Problem
Die Farbe enthält Transparenz, die für den Druck in einen deckenden Wert umgewandelt werden muss.
Verwendung
HSL-Wert eingeben, 'Mit weißem Hintergrund zusammensetzen' wählen und das XYZ-Format für die Weiterverarbeitung exportieren.
Beispielkonfiguration
format: xyz, alphaHandling: white
Ergebnis
Die Farbe wird korrekt mit Weiß verrechnet und als präziser XYZ-Wert ausgegeben.

2. CSS-Farben in XYZ-Koordinaten umwandeln

Frontend-Entwickler
Hintergrund
Für ein komplexes Farbmanagement-Modul in einer Web-App werden XYZ-Werte benötigt.
Problem
Die vorhandenen Farbwerte liegen nur als HSL-Strings vor.
Verwendung
HSL-Liste in das Eingabefeld kopieren und das CSS-Ausgabeformat wählen.
Beispielkonfiguration
format: css, alphaHandling: ignore
Ergebnis
Die Farben werden direkt in das CSS-konforme 'xyz(x y z)' Format konvertiert.

Mit Samples testen

design
Hex/Unicode Konverter Beispiele
Testbeispiele für Hex- und Unicode-Escapesequenz-Konvertierung
task convert
sample
WebRTC Echtzeitkommunikation Beispiele
Umfassende WebRTC-Beispiele für P2P Audio/Video-Kommunikation, Datenkanäle, Bildschirmfreigabe und Signalisierungsserver
keywords screen
sample
Großschreibungs-Konverter Beispiele
Testbeispiele für die Konvertierung der Groß-/Kleinschreibung zwischen verschiedenen Benennungskonventionen
task convert
sample

Verwandte Hubs

Design-Convert-Tools
Entdecken Sie 98 design-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Design-Generate-Tools
Entdecken Sie 19 design-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Was ist der Vorteil der Umwandlung von HSL zu XYZ?

XYZ ist ein geräteunabhängiger Farbraum, der das menschliche Farbsehen mathematisch abbildet, während HSL eher für die intuitive Farbauswahl durch Menschen optimiert ist.

Wie wird der Alphakanal bei der Konvertierung berücksichtigt?

Da der XYZ-Farbraum keine Transparenz unterstützt, wird der Alphakanal mit einer Hintergrundfarbe (z. B. Weiß oder Schwarz) verrechnet, um eine deckende Farbe zu erzeugen.

Welche Eingabeformate werden unterstützt?

Das Tool akzeptiert Standard-CSS-Syntax wie 'hsl(h,s,l)', 'hsla(h,s,l,a)' sowie einfache kommaseparierte Werte oder strukturierte Angaben mit H, S, L und A.

Kann ich eine eigene Hintergrundfarbe für die Alpha-Kompensation wählen?

Ja, wählen Sie im Menü 'Alphakanal-Behandlung' die Option 'benutzerdefiniert' und geben Sie den gewünschten Hex-Farbwert an.

Ist das Tool für den Druck geeignet?

Ja, die Umwandlung in den XYZ-Farbraum ist ein wichtiger Zwischenschritt für die Konvertierung in CMYK-Profile oder andere druckspezifische Farbräume.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/hsl-to-xyz-converter

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
hsl textarea Ja -
format select Ja -
alphaHandling select Ja -
customBackground color Nein Benutzerdefinierte Hintergrundfarbe für Alpha-Komposition (wird bei benutzerdefiniertem Hintergrund verwendet)

Antwortformat

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Text: Text

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-hsl-to-xyz-converter": {
      "name": "hsl-to-xyz-converter",
      "description": "HSL-Farbwerte in XYZ für Farbverwaltung umwandeln mit Alphakanal-Unterstützung",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=hsl-to-xyz-converter",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]