Neu: API-Pakete verfügbar

Unsere neue API bietet dir jetzt noch mehr Kontrolle über Farbkonvertierung – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen.
Erstelle mehrere API-Keys, verwalte dein monatliches Token-Kontingent und integriere qConv flexibel in deine Anwendungen.

Bis 2025-08-15: Einführungspreise auf alle Pakete!

JETZT ANSEHEN X

Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS Gradienten:
RGB 198 77 255

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und der Komplementärfarbe vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

2-Farben Gradienten - Hellere Farbtöne

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem helleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Hellere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

2-Farben Gradienten - Dunklere Farbtöne

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem dunkleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Dunklere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Bei dieser Farbe hebt sich Magenta von den anderen Farben ab. Die Werte die für den roten und blauen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des grünen Farbtons. Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 198 Rot, 77 Grün und 255 Blau.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den drei Bestandteilen Rot (oben), Grün (rechts unten) und Blau (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 22 Cyan, 70 Magenta, keine Gelb und keine Schwarz.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den vier Bestandteilen Cyan (links oben), Magenta (rechts oben), Gelb oder Yellow (rechts unten) und Schwarz oder Key (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von RGB 198 77 255 - Komplementärfarbe

Linear

HEX #C64DFF zu HEX #39B200

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 3%, #39B200 88%);

Radial

HEX #C64DFF zu HEX #39B200

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 5%, #39B200 86%);

HEX #39B200 zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #39B200 12%, #C64DFF 96%);

HEX #39B200 zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #39B200 6%, #C64DFF 92%);

2-Farben Gradienten von RGB 198 77 255 - Hellere Farbtöne

Linear

HEX #C64DFF zu HEX #934CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 2%, #934CFF 98%);

Radial

HEX #C64DFF zu HEX #934CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 11%, #934CFF 90%);

HEX #934CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #934CFF 12%, #C64DFF 92%);

HEX #934CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #934CFF 7%, #C64DFF 99%);

HEX #C64DFF zu HEX #C34CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 14%, #C34CFF 97%);

HEX #C64DFF zu HEX #C34CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 14%, #C34CFF 90%);

HEX #C34CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #C34CFF 5%, #C64DFF 96%);

HEX #C34CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #C34CFF 4%, #C64DFF 99%);

HEX #C64DFF zu HEX #F34CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 5%, #F34CFF 88%);

HEX #C64DFF zu HEX #F34CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 10%, #F34CFF 93%);

HEX #F34CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #F34CFF 9%, #C64DFF 90%);

HEX #F34CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #F34CFF 4%, #C64DFF 92%);

HEX #C64DFF zu HEX #FF4CDB

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 6%, #FF4CDB 94%);

HEX #C64DFF zu HEX #FF4CDB

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 10%, #FF4CDB 100%);

HEX #FF4CDB zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #FF4CDB 2%, #C64DFF 87%);

HEX #FF4CDB zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #FF4CDB 3%, #C64DFF 93%);

2-Farben Gradienten von RGB 198 77 255 - Dunklere Farbtöne

Linear

HEX #C64DFF zu HEX #B823FF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 6%, #B823FF 93%);

Radial

HEX #C64DFF zu HEX #B823FF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 11%, #B823FF 90%);

HEX #B823FF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #B823FF 6%, #C64DFF 93%);

HEX #B823FF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #B823FF 7%, #C64DFF 94%);

HEX #C64DFF zu HEX #C54CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 1%, #C54CFF 87%);

HEX #C64DFF zu HEX #C54CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 10%, #C54CFF 94%);

HEX #C54CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #C54CFF 5%, #C64DFF 92%);

HEX #C54CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #C54CFF 5%, #C64DFF 98%);

HEX #C64DFF zu HEX #D375FF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 11%, #D375FF 86%);

HEX #C64DFF zu HEX #D375FF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 8%, #D375FF 93%);

HEX #D375FF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #D375FF 14%, #C64DFF 98%);

HEX #D375FF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #D375FF 14%, #C64DFF 97%);

HEX #C64DFF zu HEX #E09FFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 7%, #E09FFF 99%);

HEX #C64DFF zu HEX #E09FFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 4%, #E09FFF 92%);

HEX #E09FFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #E09FFF 0%, #C64DFF 100%);

HEX #E09FFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #E09FFF 0%, #C64DFF 90%);

2-Farben Gradienten von RGB 198 77 255 - Analoge Farben

Linear

HEX #C64DFF zu HEX #934CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 8%, #934CFF 90%);

Radial

HEX #C64DFF zu HEX #934CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 0%, #934CFF 94%);

HEX #934CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #934CFF 5%, #C64DFF 100%);

HEX #934CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #934CFF 11%, #C64DFF 94%);

HEX #C64DFF zu HEX #C34CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 8%, #C34CFF 92%);

HEX #C64DFF zu HEX #C34CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 7%, #C34CFF 98%);

HEX #C34CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #C34CFF 3%, #C64DFF 90%);

HEX #C34CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #C34CFF 6%, #C64DFF 95%);

HEX #C64DFF zu HEX #F34CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 9%, #F34CFF 89%);

HEX #C64DFF zu HEX #F34CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 4%, #F34CFF 98%);

HEX #F34CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #F34CFF 11%, #C64DFF 88%);

HEX #F34CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #F34CFF 10%, #C64DFF 96%);

HEX #C64DFF zu HEX #FF4CDB

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 2%, #FF4CDB 90%);

HEX #C64DFF zu HEX #FF4CDB

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 6%, #FF4CDB 88%);

HEX #FF4CDB zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #FF4CDB 10%, #C64DFF 97%);

HEX #FF4CDB zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #FF4CDB 3%, #C64DFF 97%);

2-Farben Gradienten von RGB 198 77 255 - Monochromatische Farben

Linear

HEX #C64DFF zu HEX #B823FF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 11%, #B823FF 95%);

Radial

HEX #C64DFF zu HEX #B823FF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 13%, #B823FF 97%);

HEX #B823FF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #B823FF 10%, #C64DFF 93%);

HEX #B823FF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #B823FF 6%, #C64DFF 89%);

HEX #C64DFF zu HEX #C54CFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 13%, #C54CFF 98%);

HEX #C64DFF zu HEX #C54CFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 3%, #C54CFF 91%);

HEX #C54CFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #C54CFF 13%, #C64DFF 96%);

HEX #C54CFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #C54CFF 1%, #C64DFF 90%);

HEX #C64DFF zu HEX #D375FF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 6%, #D375FF 94%);

HEX #C64DFF zu HEX #D375FF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 5%, #D375FF 95%);

HEX #D375FF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #D375FF 6%, #C64DFF 93%);

HEX #D375FF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #D375FF 4%, #C64DFF 92%);

HEX #C64DFF zu HEX #E09FFF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 13%, #E09FFF 97%);

HEX #C64DFF zu HEX #E09FFF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 13%, #E09FFF 89%);

HEX #E09FFF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #E09FFF 14%, #C64DFF 93%);

HEX #E09FFF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #E09FFF 1%, #C64DFF 89%);

2-Farben Gradienten von RGB 198 77 255 - Teilkomplementär Farben

Linear

HEX #C64DFF zu HEX #FF4C64

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 2%, #FF4C64 97%);

Radial

HEX #C64DFF zu HEX #FF4C64

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 11%, #FF4C64 94%);

HEX #FF4C64 zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #FF4C64 13%, #C64DFF 96%);

HEX #FF4C64 zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #FF4C64 5%, #C64DFF 86%);

HEX #C64DFF zu HEX #4CFF7C

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 13%, #4CFF7C 86%);

HEX #C64DFF zu HEX #4CFF7C

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 5%, #4CFF7C 98%);

HEX #4CFF7C zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #4CFF7C 1%, #C64DFF 92%);

HEX #4CFF7C zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #4CFF7C 11%, #C64DFF 92%);

2-Farben Gradienten von RGB 198 77 255 - Triadische Farben

Linear

HEX #C64DFF zu HEX #FFC34C

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 7%, #FFC34C 94%);

Radial

HEX #C64DFF zu HEX #FFC34C

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 12%, #FFC34C 98%);

HEX #FFC34C zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #FFC34C 12%, #C64DFF 94%);

HEX #FFC34C zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #FFC34C 2%, #C64DFF 99%);

HEX #C64DFF zu HEX #4CFFC3

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 11%, #4CFFC3 91%);

HEX #C64DFF zu HEX #4CFFC3

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 2%, #4CFFC3 89%);

HEX #4CFFC3 zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #4CFFC3 2%, #C64DFF 94%);

HEX #4CFFC3 zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #4CFFC3 7%, #C64DFF 97%);

2-Farben Gradienten von RGB 198 77 255 - Rechteckige (Tetradische) Farben

Linear

HEX #C64DFF zu HEX #FF4C64

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 2%, #FF4C64 99%);

Radial

HEX #C64DFF zu HEX #FF4C64

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 10%, #FF4C64 92%);

HEX #FF4C64 zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #FF4C64 10%, #C64DFF 88%);

HEX #FF4C64 zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #FF4C64 13%, #C64DFF 97%);

HEX #C64DFF zu HEX #88FF4C

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 3%, #88FF4C 94%);

HEX #C64DFF zu HEX #88FF4C

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 2%, #88FF4C 89%);

HEX #88FF4C zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #88FF4C 0%, #C64DFF 100%);

HEX #88FF4C zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #88FF4C 11%, #C64DFF 97%);

HEX #C64DFF zu HEX #4CFFE7

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 3%, #4CFFE7 86%);

HEX #C64DFF zu HEX #4CFFE7

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 14%, #4CFFE7 93%);

HEX #4CFFE7 zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #4CFFE7 3%, #C64DFF 88%);

HEX #4CFFE7 zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #4CFFE7 3%, #C64DFF 94%);

2-Farben Gradienten von RGB 198 77 255 - Quadratische Farben

Linear

HEX #C64DFF zu HEX #FF6A4C

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 4%, #FF6A4C 87%);

Radial

HEX #C64DFF zu HEX #FF6A4C

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 0%, #FF6A4C 87%);

HEX #FF6A4C zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #FF6A4C 13%, #C64DFF 91%);

HEX #FF6A4C zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #FF6A4C 3%, #C64DFF 92%);

HEX #C64DFF zu HEX #88FF4C

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 0%, #88FF4C 93%);

HEX #C64DFF zu HEX #88FF4C

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 0%, #88FF4C 88%);

HEX #88FF4C zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #88FF4C 12%, #C64DFF 89%);

HEX #88FF4C zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #88FF4C 5%, #C64DFF 100%);

HEX #C64DFF zu HEX #4CE1FF

CSS-Code:

background-image: linear-gradient(135deg, #C64DFF 0%, #4CE1FF 91%);

HEX #C64DFF zu HEX #4CE1FF

CSS-Code:

background-image: radial-gradient(circle, #C64DFF 9%, #4CE1FF 99%);

HEX #4CE1FF zu HEX #C64DFF

CSS-Code:

background-image: linear-gradient(135deg, #4CE1FF 12%, #C64DFF 89%);

HEX #4CE1FF zu HEX #C64DFF

CSS-Code:

background-image: radial-gradient(circle, #4CE1FF 1%, #C64DFF 90%);

Zeige mehr Farbpaletten

Services

Farben

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Public

Color palette shared
Please copy and save the link you want.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

By clicking you can create palettes and download the color swatches.