Elysia Tools
Mobile Navigation
Design
LAB-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 LAB zu HSL Konverter ermöglicht eine präzise Umwandlung von CIELAB-Farbwerten in das HSL-Format, das für die digitale Bildschirmanzeige und Webentwicklung optimiert ist.
Hintergrund
Ein Design-Team lieferte CIELAB-Werte für ein neues Branding-Konzept.
Aufgabe
Die Werte müssen in CSS-kompatible HSL-Farben umgewandelt werden, um sie in der Web-App zu verwenden.
Verwendung
LAB-Werte in das Eingabefeld kopieren und das Ausgabeformat 'css' wählen.
format: cssErgebnis
Das Tool generiert sofort nutzbare 'hsl(h, s%, l%)' Strings für das Stylesheet.
Hintergrund
Vergleich von Farbwerten aus verschiedenen Quellen zur Sicherstellung der Konsistenz.
Aufgabe
Schnelle Umrechnung von LAB-Rohdaten in ein lesbares Format zur Dokumentation.
Verwendung
LAB-Werte eingeben und das Format 'labeled' wählen.
format: labeledErgebnis
LAB ist ein wahrnehmungsbasierter Farbraum, der alle für das menschliche Auge sichtbaren Farben abdeckt, während HSL ein zylindrisches Modell ist, das speziell für die digitale Darstellung auf Bildschirmen entwickelt wurde.
Ja, Sie können mehrere LAB-Werte untereinander in das Eingabefeld einfügen, um sie in einem Durchgang zu verarbeiten.
Das Tool unterstützt verschiedene Schreibweisen wie 'lab(L,a,b)', einfache Komma-getrennte Werte oder die explizite Kennzeichnung mit L, A und B.
Absolut, das Tool bietet ein spezielles CSS-Ausgabeformat, das Sie direkt in Ihre Stylesheets kopieren können.
Da LAB einen größeren Farbumfang als HSL besitzt, kann es bei extrem gesättigten Farben zu leichten Annäherungen kommen, die jedoch für die Bildschirmanzeige optimiert sind.
Eine übersichtliche Liste mit H, S und L Werten zur einfachen Dokumentation im Styleguide.