qConv Start
Der kostenlose Einstieg für alle wichtigen Farbwerkzeuge.
- 3 gespeicherte Paletten
- 5 Farben je Palette
- 5 Bild-Uploads täglich
- 3 gespeicherte Bilder
- 5 Farben je Bildgruppe
- 50 Umrechnungen monatlich
konvertieren zu
Geben Sie zunächst den Farbcode ein, um die Umrechnung und die am besten passenden Farben zu finden.
Danach können Sie durch klicken auf Paletten erstellen und Farbmuster herunterladen.
Gastzugang
Es werden aus den drei Farbwerten für Rot, Grün, Blau und einem vierten Wert für die Transparenz die vier CMYK-Werte für Cyan, Magenta, Gelb und Schwarz ermittelt, um sie in die folgende Schreibweise umzuformen: cmyk (Cyan%, Magenta%, Gelb%, Schwarz%).
Da hier eine transparente in eine nicht transparente Farbe umberechnet wird, gibt es keine direkte tatsächliche Gewähr für eine Farbgleichheit. Wenn wir ein transparentes Rot umwandeln, besteht es aus 255 roten, 0 grünen, 0 blauen Anteilen und dem Wert 0.5 für 50%ige Transparenz. Die RGBA-Schreibweise ist dann folgendermaßen: rgba (255, 0, 0, 0.5).
Diese Farbwerte werden in einen CMYK-Wert umgewandelt. Damit ergibt sich der Farbwert in CMYK-Schreibweise mit cmyk (0%, 50%, 50%, 0%).
Wir werden nachfolgend am Beispiel der Farbe salmon1 mit einer Transparenz von 75% eine Umrechnung von rgba zu cmyk beschreiben.
Ausgangswert ist die Farbe im RGBA-Format:
RGBA = rgba (255, 140, 105, 0.75)
Diese Werte werden auf die jeweiligen Farben Rot, Grün, Blau und die Transparenz aufgeteilt:
Rot = 255
Grün = 140
Blau = 105
Transparenz = 0.75
Die Farbwerte müssen nun von dem Dezimalsystem in das CMYK-Farbsystem umgerechnet werden. Da die Farben nicht direkt zusammen passen, ist die Umrechnung nicht so einfach. Die Farbwerte werden mit bestimmten Formeln ermittelt. Zunächst wird ein Zwischenwert der 3 Farben Cyan, Magenta und Gelb berechnet:
Cyan = (255 - Rot) / 255 * 100)
Magenta = (255 - Grün) / 255 * 100)
Gelb = (255 - Blau) / 255 * 100)
Danach wird der Schwarzwert aus den drei Werten mit folgender Formel berechnet:
Schwarz = min (Rot, Grün, Blau)
Um jetzt die richtigen Farbwerte zu erhalten, zieht man von den Farbzwischenwerten den Wert von Schwarz ab:
Cyan = Cyan - Schwarz
Magenta = Magenta - Schwarz
Gelb = Gelb - Schwarz
Um die Transparenz der Basisfarbe zu simulieren, müssen alle Farbwerte mit dem Transparenzwert multipliziert werden.
Cyan = Cyan * Transparenz
Magenta = Magenta * Transparenz
Gelb = Gelb * Transparenz
Schwarz = Schwarz * Transparenz
Das bedeutet in unserem Beispiel, dass wir zu Beginn den Wert für Rot (255) umwandeln müssen. Dann rechnen wir den Wert für Grün (140) um. Als nächstes wird den Wert für Blau (105) umgerechnet. Danach ermitteln wir den Wert für Schwarz. Diesen Wert ziehen wir von den uns bekannten Farbwerten ab. Daraus ergeben sich dann die folgenden Berechnungen:
Cyan = (255 - 255) / 255 * 100
Cyan = 0
Magenta = (255 - 140) / 255 * 100
Magenta = 45
Gelb = (255 - 105) / 255 * 100
Gelb = 59
Schwarz = min(0, 45, 59)
Schwarz = 0
Cyan = 0 - 0 = 0
Magenta = 45 - 0 = 45
Gelb = 59 - 0 = 59
Cyan = 0 * 0.75 = 0
Magenta = 45 * 0.75 = 34
Gelb = 59 * 0.75 = 44
Schwarz = 0 * 0.75 = 0
Um das Ergebnis unserer Berechnung zu erhalten, müssen die berechneten Dezimalwerte nun in die CMYK-Schreibweise cmyk (Cyan%, Magenta%, Gelb%, Schwarz%) gebracht werden:
CMYK = cmyk (0%, 34%, 44%, 0%)
Das RGBA-Farbmodell erweitert das klassische RGB-System (Rot, Grün, Blau) um einen vierten Wert – den sogenannten Alpha-Kanal. Dieser beschreibt die Transparenz oder Deckkraft einer Farbe und ermöglicht so die Darstellung halbtransparenter Flächen in digitalen Medien.
Die Farbwerte für Rot, Grün und Blau liegen – wie im RGB-Modell – zwischen 0 und 255. Der Alpha-Wert wird als Dezimalzahl zwischen 0 und 1 angegeben, wobei 0 für vollständige Transparenz und 1 für volle Deckkraft steht. Durch diese Kombination lassen sich unzählige RGBA-Farben erzeugen, die besonders im Webdesign und in modernen Benutzeroberflächen genutzt werden, um Licht, Tiefe und Ebenenwirkung zu erzeugen.
RGBA ist ein zentraler Bestandteil moderner Frontend-Entwicklung. In CSS, SVG und Canvas-Elementen wird der Alpha-Wert genutzt, um transparente oder überlagerte Effekte zu gestalten – etwa Schatten, Overlays, Buttons oder Hover-States. Auch in UI-Prototyping-Tools wie Figma oder Adobe XD spielt RGBA eine wichtige Rolle, da es präzise Kontrolle über visuelle Ebenen und Übergänge bietet.
Da RGBA auf dem RGB-Farbraum basiert, eignet es sich ideal für digitale Darstellungen, jedoch nicht für den Druck. Beim Export in druckfähige Formate (CMYK, Pantone®) wird die Transparenz mathematisch verrechnet oder entfernt, weshalb Designer Transparenzeffekte vor der Umwandlung überprüfen sollten.
Nutze RGBA-Farben, wenn du in deinen Webprojekten feine Licht- und Schatteneffekte erzeugen möchtest. Ein Alpha-Wert von 0.2–0.5 eignet sich beispielsweise hervorragend für subtile Overlays oder Glassmorphism-Effekte im modernen UI-Design.
Mit qConv kannst du jede RGBA-Farbe präzise in andere Farbsysteme umwandeln und dabei analysieren, wie sich Transparenz auf die Farbwahrnehmung auswirkt. So lassen sich Designs konsistent gestalten – unabhängig davon, ob sie digital oder gedruckt erscheinen.
Das CMYK-Farbmodell (Cyan, Magenta, Yellow, Key/Black) ist der Standardfarbraum für den professionellen Vierfarbdruck. Es beschreibt, wie Farben durch das Mischen von Druckfarben auf physischem Material – meist Papier – entstehen. Im Gegensatz zu RGB, das Lichtfarben addiert, arbeitet CMYK subtraktiv: Je mehr Farbe aufgetragen wird, desto weniger Licht wird reflektiert – und desto dunkler erscheint das Ergebnis.
Jede der vier Farben kann einen Wert zwischen 0 % und 100 % annehmen. Ein hoher Prozentwert steht für eine hohe Farbdeckung im Druck. Durch die Kombination dieser Werte können mehrere Billionen CMYK-Farbtöne erzeugt werden – allerdings liegt der darstellbare Farbumfang (Gamut) unter dem von RGB, weshalb Konvertierungen zu sichtbaren Farbabweichungen führen können.
Das CMYK-Farbsystem ist der Industriestandard im Druckwesen – von Magazinen, Katalogen, Verpackungen bis zu Corporate Designs. Jede professionelle Druckerei arbeitet mit CMYK-Farbprofilen (z. B. ISO Coated v2, FOGRA39), um konsistente und präzise Farbergebnisse zu gewährleisten. Designer sollten daher ihre RGB- oder HEX-Farben vor der Druckfreigabe in CMYK konvertieren, um Farbabweichungen zu minimieren.
In digitalen Designprogrammen wie Adobe Photoshop, Illustrator oder Affinity Designer kann der CMYK-Farbraum direkt als Arbeitsprofil gewählt werden. Damit lassen sich Druckfarben exakt simulieren und frühzeitig visuell prüfen.
Beachte bei der Umrechnung von Bildschirmfarben (RGB/HEX) zu CMYK, dass besonders leuchtende Blau-, Grün- und Neon-Töne im Druck matter wirken. Eine Softproof-Vorschau hilft, die Farbanmutung zu beurteilen. Verwende bei Corporate Designs CMYK-Farbwerte aus geprüften Markenrichtlinien oder Pantone-Referenzen, um konsistente Druckergebnisse zu erzielen.
Wenn du mit qConv arbeitest, kannst du jede digitale Farbe sekundenschnell in exakte CMYK-Werte umrechnen, Farbabweichungen vergleichen und sogar passende Alternativpaletten generieren.
RGB in HEX
umrechnen von RGB rot grün blau zu #RRGGBB
RGB in CMYK
umrechnen von RGB rot grün blau zu CMYK cyan / magenta / gelb / key
RGB in RAL®
umrechnen von RGB rot grün blau zu RAL®-Nummer (RAL 0000)
RGB in HKS®
umrechnen von RGB rot grün blau zu HKS®-Nummer (HKS 00)
RGB in PANTONE®
umrechnen von RGB rot grün blau zu Pantone®-Nummer (Pantone 0000)
RGB in Sherwin Williams®
umrechnen von RGB rot grün blau zu Sherwin Williams®-Nummer (SW 0000)
RGB in NCS®
umrechnen von RGB rot grün blau zu NCS-Nummer (S0000-X00X)
RGBA in HEX
umrechnen von RGBA rot grün blau transparenz zu #RRGGBB
RGBA in CMYK
umrechnen von RGBA rot grün blau transparenz zu CMYK cyan / magenta / gelb / key
RGBA in RAL®
umrechnen von RGBA rot grün blau transparenz zu RAL®-Nummer (RAL 0000)
RGBA in HKS®
umrechnen von RGBA rot grün blau transparenz zu HKS®-Nummer (HKS 00)
RGBA in PANTONE®
umrechnen von RGBA rot grün blau transparenz zu Pantone®-Nummer (Pantone 0000)
RGBA in Sherwin Williams®
umrechnen von RGBA rot grün blau transparenz zu Sherwin Williams®-Nummer (SW 0000)
RGBA in NCS®
umrechnen von RGBA rot grün blau transparenz zu NCS-Nummer (S0000-X00X)
CMYK in HEX
umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
CMYK in RGB
umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
CMYK in RGBA
umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
CMYK in RAL®
umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
CMYK in HKS®
umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
CMYK in PANTONE®
umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
CMYK in Sherwin Williams®
umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
CMYK in NCS®
umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)
HEX in RGB
umrechnen von #RRGGBB zu RGB rot grün blau
HEX in RGBA
umrechnen von #RRGGBB zu RGBA rot grün blau transparenz
HEX in CMYK
umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key
HEX in RAL®
umrechnen von #RRGGBB zu RAL®-Nummer (RAL 0000)
HEX in HKS®
umrechnen von #RRGGBB zu HKS®-Nummer (HKS 00)
HEX in PANTONE®
umrechnen von #RRGGBB zu Pantone®-Nummer (Pantone 0000)
HEX in Sherwin Williams®
umrechnen von #RRGGBB zu Sherwin Williams®-Nummer (SW 0000)
HEX in NCS®
umrechnen von #RRGGBB zu NCS-Nummer (S0000-X00X)
RAL® in RGB
umrechnen von RAL®-Nummer (RAL 0000) zu RGB rot grün blau
RAL® in RGBA
umrechnen von RAL®-Nummer (RAL 0000) zu RGBA rot grün blau transparenz
RAL® in CMYK
umrechnen von RAL®-Nummer (RAL 0000) zu CMYK cyan / magenta / gelb / key
RAL® in HEX
umrechnen von RAL®-Nummer (RAL 0000) zu #RRGGBB
RAL® in HKS®
umrechnen von RAL®-Nummer (RAL 0000) zu HKS®-Nummer (HKS 00)
RAL® in PANTONE®
umrechnen von RAL®-Nummer (RAL 0000) zu Pantone®-Nummer (Pantone 0000)
RAL® in Sherwin Williams®
umrechnen von RAL®-Nummer (RAL 0000) zu Sherwin Williams®-Nummer (SW 0000)
RAL® in NCS®
umrechnen von RAL®-Nummer (RAL 0000) zu NCS-Nummer (S0000-X00X)
HKS® in RGB
umrechnen von HKS®-Nummer (HKS 00) zu RGB rot grün blau
HKS® in RGBA
umrechnen von HKS®-Nummer (HKS 00) zu RGBA rot grün blau transparenz
HKS® in CMYK
umrechnen von HKS®-Nummer (HKS 00) zu CMYK cyan / magenta / gelb / key
HKS® in HEX
umrechnen von HKS®-Nummer (HKS 00) zu #RRGGBB
HKS® in RAL®
umrechnen von HKS®-Nummer (HKS 00) zu RAL®-Nummer (RAL 0000)
HKS® in PANTONE®
umrechnen von HKS®-Nummer (HKS 00) zu Pantone®-Nummer (Pantone 0000)
HKS® in Sherwin Williams®
umrechnen von HKS®-Nummer (HKS 00) zu Sherwin Williams®-Nummer (SW 0000)
HKS® in NCS®
umrechnen von HKS®-Nummer (HKS 00) zu NCS-Nummer (S0000-X00X)
PANTONE® in RGB
umrechnen von Pantone®-Nummer (Pantone 0000) zu RGB rot grün blau
PANTONE® in RGBA
umrechnen von Pantone®-Nummer (Pantone 0000) zu RGBA rot grün blau transparenz
PANTONE® in CMYK
umrechnen von Pantone®-Nummer (Pantone 0000) zu CMYK cyan / magenta / gelb / key
PANTONE® in HEX
umrechnen von Pantone®-Nummer (Pantone 0000) zu #RRGGBB
PANTONE® in RAL®
umrechnen von Pantone®-Nummer (Pantone 0000) zu RAL®-Nummer (RAL 0000)
PANTONE® in HKS®
umrechnen von Pantone®-Nummer (Pantone 0000) zu HKS®-Nummer (HKS 00)
PANTONE® in Sherwin Williams®
umrechnen von Pantone®-Nummer (Pantone 0000) zu Sherwin Williams®-Nummer (SW 0000)
PANTONE® in NCS®
umrechnen von Pantone®-Nummer (Pantone 0000) zu NCS-Nummer (S0000-X00X)
Sherwin Williams® in RGB
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGB rot grün blau
Sherwin Williams® in RGBA
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGBA rot grün blau transparenz
Sherwin Williams® in CMYK
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu CMYK cyan / magenta / gelb / key
Sherwin Williams® in HEX
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu #RRGGBB
Sherwin Williams® in RAL®
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RAL®-Nummer (RAL 0000)
Sherwin Williams® in HKS®
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu HKS®-Nummer (HKS 00)
Sherwin Williams® in PANTONE®
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu Pantone®-Nummer (Pantone 0000)
Sherwin Williams® in NCS®
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu NCS-Nummer (S0000-X00X)
NCS® in RGB
umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
NCS® in RGBA
umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
NCS® in CMYK
umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key
NCS® in HEX
umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
NCS® in RAL®
umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
NCS® in HKS®
umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
NCS® in PANTONE®
umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
NCS® in Sherwin Williams®
umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)