Ist die Konvertierungsformel von HSL zu RGB für Druck-Workflows korrekt?

Bildschirm-RGB und Druck-CMYK verwenden unterschiedliche Farbskalen. Behandeln Sie Umrechnungen als Näherungsbeweise; Kalibrieren Sie mit ICC-Profilen für den kommerziellen Druck.

Kann ich diese Formel in CSS verwenden?

Modernes CSS unterstützt für viele Operationen color-mix(), oklch() und lab(). Berechnen Sie für komplexe Pipelines in JavaScript und exportieren Sie CSS-Variablen.

Lädt Color DevByte meine Farben hoch?

Nein. Formel-Referenzseiten sind statische Dokumentation; Interaktive Tools laufen zu 100 % clientseitig in Ihrem Browser.

HSL-zu-RGB-Konvertierungsformel

Konvertieren Sie HSL-Zylinderkoordinaten für die CSS-Ausgabe zurück in sRGB.

Formula

Verwenden Sie den Farbtonsektor (0–6) mit Chroma- und X-Offset-Formeln gemäß dem W3C-CSS-Farbmodul.

Variables

R, G, B: sRGB-Kanäle (0–255 oder 0–1 normalisiert)
H, S, L: Farbton (Grad), Sättigung und Helligkeit (0–1) in HSL
L: Relative Leuchtdichte (WCAG) oder Helligkeit in HSL/OKLCH

FAQ

Ist die Konvertierungsformel von HSL zu RGB für Druck-Workflows korrekt?: Bildschirm-RGB und Druck-CMYK verwenden unterschiedliche Farbskalen. Behandeln Sie Umrechnungen als Näherungsbeweise; Kalibrieren Sie mit ICC-Profilen für den kommerziellen Druck.
Kann ich diese Formel in CSS verwenden?: Modernes CSS unterstützt für viele Operationen color-mix(), oklch() und lab(). Berechnen Sie für komplexe Pipelines in JavaScript und exportieren Sie CSS-Variablen.
Lädt Color DevByte meine Farben hoch?: Nein. Formel-Referenzseiten sind statische Dokumentation; Interaktive Tools laufen zu 100 % clientseitig in Ihrem Browser.

Browse color tools

Übersicht

Konvertieren Sie HSL-Zylinderkoordinaten für die CSS-Ausgabe zurück in sRGB.

Color DevByte dokumentiert diese Formel für Entwickler, Designer und Barrierefreiheitsprüfer, die reproduzierbare Farbberechnungen benötigen, ohne Daten an einen Server zu senden.

Verwenden Sie die verknüpften Farbwerkzeuge, um diese Formel interaktiv mit Live-Vorschau und Multiformat-Export anzuwenden.

Wann ist diese Formel zu verwenden?

Wenden Sie die HSL-zu-RGB-Konvertierungsformel an, wenn Sie Design-Token erstellen, den WCAG-Kontrast validieren oder Farbpipelines in CSS, Tailwind oder JSON des Designsystems automatisieren.

Überprüfen Sie die Ergebnisse bei der Produktions-Benutzeroberfläche immer mit einem Kontrastprüfer oder einer visuellen Vorschau – Grenzfälle bei der Gammakorrektur und der Gamut-Zuordnung können die Ergebnisse verschieben.

Hinweise zur Implementierung

Browserbasierte Tools sollten sRGB vor Luminanz- oder ΔE-Berechnungen linearisieren.

Bevorzugen Sie die OKLCH- oder LAB-Interpolation für Farbverläufe und Themen, um graue Mittelpunkte zu vermeiden, die bei RGB-Mischungen häufig vorkommen.