Elysia Tools
Mobile Navigation
Design
· Zuletzt aktualisiert：2025-01-13
LCH-Farbwerte in HSL für die Bildschirmanzeige umwandeln
Ausführung
Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.
Beispiele
Verwandt
Leitfaden zur Tool-Nutzung
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.
Hintergrund
Ein Webentwickler erhält eine Farbspezifikation im LCH-Format von einem Designer.
Aufgabe
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.
format: cssErgebnis
Das Tool gibt 'hsl(120, 30%, 70%)' aus, das direkt in CSS kopiert werden kann.
Hintergrund
Ein Grafikdesigner arbeitet an einer Farbpalette und hat Werte im LCH-Farbraum.
Aufgabe
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.
Sie können LCH-Werte in Formaten wie 'lch(50,50,180)', '50,50,180' oder 'L:50 C:50 H:180' eingeben.
Nein, das Tool verarbeitet jeweils eine einzelne LCH-Farbe pro Eingabe.
Die Umrechnung ist mathematisch präzise, aber HSL hat einen kleineren Farbraum, daher können einige Farben nicht exakt abgebildet werden.
Sie können zwischen 'hsl' (z.B. hsl(0,100%,50%)), 'css' (mit Leerzeichen), 'values' (nur Zahlen) und 'labeled' (mit Beschriftungen) wählen.
Ja, wählen Sie das 'css'-Format, um den HSL-Wert im korrekten CSS-Syntax zu erhalten.