Wissensdatenbank & Anleitung
Farbraumkonvertierung und Schemagenerierung
Farbraumkonvertierung ist erforderlich, wenn ein Design von digitalen Bildschirmen (RGB) auf Druckmedien (CMYK) übertragen wird oder wenn erweiterte CSS-Farbeigenschaften der Stufe 4 (HSL/LCH) verwendet werden.
Das Senden proprietärer Markenpaletten an externe Konvertierungs-APIs stellt ein unnötiges Risiko dar. Dieser mathematische Konverter interpoliert die Farbmodelle sofort und vollständig clientseitig, sodass Ihre Designsysteme vollständig offline bleiben.
Formel & Berechnungsmethode
RGB(r,g,b) ➔ Farbton ➔ Sättigung ➔ Helligkeit ➔ Basisformat-Array
Die Konvertierung zwischen Leerzeichen erfordert Gleitkomma-Mathematik. Beispielsweise erfordert die Konvertierung von RGB in HSL die Identifizierung der maximalen und minimalen RGB-Werte, um die wahrgenommene Luminanz zu berechnen, bevor der Winkelfarbton extrahiert wird.
Best Practices & Tipps
- Verwenden Sie CMYK für den physischen Druck: Der RGB-Farbraum nutzt emittiertes Licht, was bedeutet, dass er neonfarbene, hyperlebendige Farben erzeugen kann, die mit CMYK-Tinte auf Papier physikalisch nicht reproduziert werden können. Vor dem Drucken immer in CMYK konvertieren und in der Vorschau anzeigen.
- Verwenden Sie Komplementärschemata für Call-to-Actions (CTAs): Eine Komplementärfarbe liegt direkt über dem Farbkreis. Wenn Ihre Marke primär Blau ist, sorgt ein ergänzender orangefarbener Button für den größtmöglichen optischen Kontrast.
- Vorsicht vor Sättigungsfallen in HSL: Das Verringern der Helligkeit in HSL bei gleichzeitiger Beibehaltung der Sättigung bei 100 % führt häufig zu trüben, übersättigten Farben. Professionelle Designer verringern die Sättigung natürlich leicht, wenn die Farben dunkler werden.
Häufig gestellte Fragen
Was ist HSV vs. HSL?
HSV steht für Farbton, Sättigung, Wert, wobei 100 % Wert reine Farbe ist. HSL steht für Hue, Saturation, Lightness, wobei 100 % Helligkeit reines Weiß ist. CSS verwendet HSL, nicht HSV.
Warum sah meine CMYK-Konvertierung langweilig aus?
Der CMYK-Farbraum ist physikalisch kleiner als der RGB-Farbraum. Extrem leuchtende Blau- und Grüntöne im RGB-Modus können mit herkömmlichen Cyan-, Magenta-, Gelb- und Schwarztinten schlichtweg nicht gemischt werden, weshalb der Konverter sie auf das nächstgelegene druckbare Äquivalent beschränkt.
Was ist ein analoges Farbschema?
Ein analoges Schema verwendet drei Farben, die im Farbkreis direkt nebeneinander liegen (z. B. Rot, Rot-Orange, Orange). Es entsteht eine sehr harmonische, kontrastarme Ästhetik.