Kategorien

← View All Tools

LCH zu HSL Konverter

LCH-Farbwerte in HSL für die Bildschirmanzeige umwandeln

Wichtige Fakten

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

Überblick

Der LCH zu HSL Konverter wandelt LCH-Farbwerte (Lightness, Chroma, Hue) in das HSL-Farbmodell (Hue, Saturation, Lightness) um, das für die Bildschirmanzeige optimiert ist. Dieses Online-Tool unterstützt verschiedene Eingabeformate und bietet flexible Ausgabeoptionen für digitale Anwendungen.

Wann verwenden

  • •Wenn Sie Farben aus dem CIELCH-Farbraum für Webdesign oder digitale Medien benötigen.
  • •Beim Konvertieren von Farbwerten für CSS, wo HSL als Standardformat verwendet wird.
  • •Zur Analyse und Anpassung von Farben in design-Tools, die LCH unterstützen.

So funktioniert es

  • •Geben Sie Ihre LCH-Farbwerte in das Textfeld ein, z.B. als 'lch(50,50,180)' oder '50,50,180'.
  • •Wählen Sie das gewünschte Ausgabeformat aus der Dropdown-Liste, wie 'hsl', 'css', 'values' oder 'labeled'.
  • •Das Tool berechnet automatisch die entsprechenden HSL-Werte und zeigt sie an.
  • •Kopieren Sie das Ergebnis direkt für Ihre Verwendung in Code oder Design.

Anwendungsfälle

Webentwicklung: Um Farben für CSS-Stylesheets aus LCH-Daten zu generieren.
Digitales Design: Beim Exportieren von Farbpaletten aus design-Tools, die LCH verwenden.
Farbkalibrierung: Zur Umrechnung von Farbwerten für konsistente Darstellung auf verschiedenen Bildschirmen.

Beispiele

1. CSS-Farbe definieren

Webentwickler
Hintergrund
Ein Webentwickler erhält eine Farbspezifikation im LCH-Format von einem Designer.
Problem
Die Farbe muss in HSL umgewandelt werden, um sie in einem CSS-Stylesheet zu verwenden.
Verwendung
Geben Sie 'lch(70,30,120)' in das Eingabefeld ein und wählen Sie 'css' als Ausgabeformat.
Beispielkonfiguration
format: css
Ergebnis
Das Tool gibt 'hsl(120, 30%, 70%)' aus, das direkt in CSS kopiert werden kann.

2. Farbanalyse für Design

Grafikdesigner
Hintergrund
Ein Grafikdesigner arbeitet an einer Farbpalette und hat Werte im LCH-Farbraum.
Problem
Um die Helligkeit und Sättigung besser zu verstehen, sollen die Farben in HSL umgerechnet werden.
Verwendung
LCH-Werte wie 'L:80 C:20 H:240' eingeben und 'labeled' als Format auswählen.
Ergebnis
Erhält 'H:240 S:20% L:80%', was die Farbeigenschaften klar anzeigt.

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

Welche Eingabeformate für LCH werden unterstützt?

Sie können LCH-Werte in Formaten wie 'lch(50,50,180)', '50,50,180' oder 'L:50 C:50 H:180' eingeben.

Kann ich mehrere Farben gleichzeitig konvertieren?

Nein, das Tool verarbeitet jeweils eine einzelne LCH-Farbe pro Eingabe.

Ist die Konvertierung von LCH zu HSL verlustfrei?

Die Umrechnung ist mathematisch präzise, aber HSL hat einen kleineren Farbraum, daher können einige Farben nicht exakt abgebildet werden.

Welche Ausgabeformate sind verfügbar?

Sie können zwischen 'hsl' (z.B. hsl(0,100%,50%)), 'css' (mit Leerzeichen), 'values' (nur Zahlen) und 'labeled' (mit Beschriftungen) wählen.

Kann ich das Ergebnis direkt in CSS verwenden?

Ja, wählen Sie das 'css'-Format, um den HSL-Wert im korrekten CSS-Syntax zu erhalten.

API-Dokumentation

Request-Endpunkt

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

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
lch textarea Ja -
format select Ja -

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-lch-to-hsl-converter": {
      "name": "lch-to-hsl-converter",
      "description": "LCH-Farbwerte in HSL für die Bildschirmanzeige umwandeln",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=lch-to-hsl-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]