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

CSS Gradienten:
CMYK 0 / 24 / 37 / 5

Information

schließe alle

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.

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.

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

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 242 Rot, 184 Grün und 153 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.
242 184 153 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 24 Magenta, 37 Gelb und 5 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.
0% 24% 37% 5% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #F2B899 zu HEX #0D4766


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 2%, #0D4766 93%);

Radial

HEX #F2B899 zu HEX #0D4766


CSS-Code:

background-image: radial-gradient(circle, #F2B899 8%, #0D4766 96%);

 

HEX #0D4766 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #0D4766 8%, #F2B899 86%);

 

HEX #0D4766 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #0D4766 9%, #F2B899 98%);

Linear

HEX #F2B899 zu HEX #F19D97


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 12%, #F19D97 91%);

Radial

HEX #F2B899 zu HEX #F19D97


CSS-Code:

background-image: radial-gradient(circle, #F2B899 1%, #F19D97 96%);

 

HEX #F19D97 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F19D97 10%, #F2B899 90%);

 

HEX #F19D97 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F19D97 14%, #F2B899 97%);

 

HEX #F2B899 zu HEX #F1B597


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 14%, #F1B597 96%);

 

HEX #F2B899 zu HEX #F1B597


CSS-Code:

background-image: radial-gradient(circle, #F2B899 6%, #F1B597 93%);

 

HEX #F1B597 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1B597 4%, #F2B899 98%);

 

HEX #F1B597 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1B597 4%, #F2B899 96%);

 

HEX #F2B899 zu HEX #F1CD97


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 4%, #F1CD97 86%);

 

HEX #F2B899 zu HEX #F1CD97


CSS-Code:

background-image: radial-gradient(circle, #F2B899 2%, #F1CD97 95%);

 

HEX #F1CD97 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1CD97 9%, #F2B899 94%);

 

HEX #F1CD97 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1CD97 14%, #F2B899 96%);

 

HEX #F2B899 zu HEX #F1E597


CSS-Code:

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

 

HEX #F2B899 zu HEX #F1E597


CSS-Code:

background-image: radial-gradient(circle, #F2B899 1%, #F1E597 96%);

 

HEX #F1E597 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1E597 7%, #F2B899 92%);

 

HEX #F1E597 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1E597 13%, #F2B899 97%);

Linear

HEX #F2B899 zu HEX #EC9D72


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 11%, #EC9D72 99%);

Radial

HEX #F2B899 zu HEX #EC9D72


CSS-Code:

background-image: radial-gradient(circle, #F2B899 6%, #EC9D72 91%);

 

HEX #EC9D72 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #EC9D72 4%, #F2B899 89%);

 

HEX #EC9D72 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #EC9D72 1%, #F2B899 94%);

 

HEX #F2B899 zu HEX #F1B697


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 10%, #F1B697 96%);

 

HEX #F2B899 zu HEX #F1B697


CSS-Code:

background-image: radial-gradient(circle, #F2B899 7%, #F1B697 94%);

 

HEX #F1B697 zu HEX #F2B899


CSS-Code:

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

 

HEX #F1B697 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1B697 5%, #F2B899 86%);

 

HEX #F2B899 zu HEX #F6D0BB


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 3%, #F6D0BB 94%);

 

HEX #F2B899 zu HEX #F6D0BB


CSS-Code:

background-image: radial-gradient(circle, #F2B899 12%, #F6D0BB 92%);

 

HEX #F6D0BB zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F6D0BB 7%, #F2B899 97%);

 

HEX #F6D0BB zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F6D0BB 6%, #F2B899 97%);

 

HEX #F2B899 zu HEX #FBE9E0


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 9%, #FBE9E0 97%);

 

HEX #F2B899 zu HEX #FBE9E0


CSS-Code:

background-image: radial-gradient(circle, #F2B899 2%, #FBE9E0 88%);

 

HEX #FBE9E0 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #FBE9E0 0%, #F2B899 86%);

 

HEX #FBE9E0 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #FBE9E0 8%, #F2B899 87%);

Linear

HEX #F2B899 zu HEX #F19D97


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 5%, #F19D97 98%);

Radial

HEX #F2B899 zu HEX #F19D97


CSS-Code:

background-image: radial-gradient(circle, #F2B899 8%, #F19D97 100%);

 

HEX #F19D97 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F19D97 4%, #F2B899 91%);

 

HEX #F19D97 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F19D97 11%, #F2B899 100%);

 

HEX #F2B899 zu HEX #F1B597


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 0%, #F1B597 98%);

 

HEX #F2B899 zu HEX #F1B597


CSS-Code:

background-image: radial-gradient(circle, #F2B899 1%, #F1B597 89%);

 

HEX #F1B597 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1B597 4%, #F2B899 98%);

 

HEX #F1B597 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1B597 2%, #F2B899 86%);

 

HEX #F2B899 zu HEX #F1CD97


CSS-Code:

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

 

HEX #F2B899 zu HEX #F1CD97


CSS-Code:

background-image: radial-gradient(circle, #F2B899 12%, #F1CD97 91%);

 

HEX #F1CD97 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1CD97 2%, #F2B899 88%);

 

HEX #F1CD97 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1CD97 4%, #F2B899 91%);

 

HEX #F2B899 zu HEX #F1E597


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 6%, #F1E597 86%);

 

HEX #F2B899 zu HEX #F1E597


CSS-Code:

background-image: radial-gradient(circle, #F2B899 2%, #F1E597 90%);

 

HEX #F1E597 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1E597 0%, #F2B899 91%);

 

HEX #F1E597 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1E597 7%, #F2B899 87%);

Linear

HEX #F2B899 zu HEX #EC9D72


CSS-Code:

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

Radial

HEX #F2B899 zu HEX #EC9D72


CSS-Code:

background-image: radial-gradient(circle, #F2B899 13%, #EC9D72 98%);

 

HEX #EC9D72 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #EC9D72 1%, #F2B899 90%);

 

HEX #EC9D72 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #EC9D72 9%, #F2B899 97%);

 

HEX #F2B899 zu HEX #F1B697


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 14%, #F1B697 88%);

 

HEX #F2B899 zu HEX #F1B697


CSS-Code:

background-image: radial-gradient(circle, #F2B899 7%, #F1B697 99%);

 

HEX #F1B697 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F1B697 8%, #F2B899 88%);

 

HEX #F1B697 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F1B697 3%, #F2B899 91%);

 

HEX #F2B899 zu HEX #F6D0BB


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 12%, #F6D0BB 92%);

 

HEX #F2B899 zu HEX #F6D0BB


CSS-Code:

background-image: radial-gradient(circle, #F2B899 6%, #F6D0BB 100%);

 

HEX #F6D0BB zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #F6D0BB 10%, #F2B899 100%);

 

HEX #F6D0BB zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #F6D0BB 4%, #F2B899 91%);

 

HEX #F2B899 zu HEX #FBE9E0


CSS-Code:

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

 

HEX #F2B899 zu HEX #FBE9E0


CSS-Code:

background-image: radial-gradient(circle, #F2B899 3%, #FBE9E0 92%);

 

HEX #FBE9E0 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #FBE9E0 3%, #F2B899 86%);

 

HEX #FBE9E0 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #FBE9E0 5%, #F2B899 100%);

Linear

HEX #F2B899 zu HEX #C1F197


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 6%, #C1F197 90%);

Radial

HEX #F2B899 zu HEX #C1F197


CSS-Code:

background-image: radial-gradient(circle, #F2B899 11%, #C1F197 90%);

 

HEX #C1F197 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #C1F197 3%, #F2B899 86%);

 

HEX #C1F197 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #C1F197 3%, #F2B899 89%);

 

HEX #F2B899 zu HEX #979DF1


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 13%, #979DF1 93%);

 

HEX #F2B899 zu HEX #979DF1


CSS-Code:

background-image: radial-gradient(circle, #F2B899 6%, #979DF1 97%);

 

HEX #979DF1 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #979DF1 1%, #F2B899 88%);

 

HEX #979DF1 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #979DF1 1%, #F2B899 92%);

Linear

HEX #F2B899 zu HEX #97F1B5


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 2%, #97F1B5 90%);

Radial

HEX #F2B899 zu HEX #97F1B5


CSS-Code:

background-image: radial-gradient(circle, #F2B899 2%, #97F1B5 93%);

 

HEX #97F1B5 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #97F1B5 6%, #F2B899 88%);

 

HEX #97F1B5 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #97F1B5 6%, #F2B899 91%);

 

HEX #F2B899 zu HEX #B597F1


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 6%, #B597F1 86%);

 

HEX #F2B899 zu HEX #B597F1


CSS-Code:

background-image: radial-gradient(circle, #F2B899 9%, #B597F1 96%);

 

HEX #B597F1 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #B597F1 14%, #F2B899 95%);

 

HEX #B597F1 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #B597F1 9%, #F2B899 97%);

Linear

HEX #F2B899 zu HEX #C1F197


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 10%, #C1F197 95%);

Radial

HEX #F2B899 zu HEX #C1F197


CSS-Code:

background-image: radial-gradient(circle, #F2B899 3%, #C1F197 93%);

 

HEX #C1F197 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #C1F197 9%, #F2B899 98%);

 

HEX #C1F197 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #C1F197 2%, #F2B899 87%);

 

HEX #F2B899 zu HEX #97D3F1


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 7%, #97D3F1 91%);

 

HEX #F2B899 zu HEX #97D3F1


CSS-Code:

background-image: radial-gradient(circle, #F2B899 10%, #97D3F1 98%);

 

HEX #97D3F1 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #97D3F1 11%, #F2B899 100%);

 

HEX #97D3F1 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #97D3F1 13%, #F2B899 100%);

 

HEX #F2B899 zu HEX #C797F1


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 13%, #C797F1 95%);

 

HEX #F2B899 zu HEX #C797F1


CSS-Code:

background-image: radial-gradient(circle, #F2B899 13%, #C797F1 88%);

 

HEX #C797F1 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #C797F1 14%, #F2B899 96%);

 

HEX #C797F1 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #C797F1 6%, #F2B899 91%);

Linear

HEX #F2B899 zu HEX #A6F197


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 5%, #A6F197 100%);

Radial

HEX #F2B899 zu HEX #A6F197


CSS-Code:

background-image: radial-gradient(circle, #F2B899 3%, #A6F197 95%);

 

HEX #A6F197 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #A6F197 3%, #F2B899 87%);

 

HEX #A6F197 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #A6F197 12%, #F2B899 94%);

 

HEX #F2B899 zu HEX #97D3F1


CSS-Code:

background-image: linear-gradient(135deg, #F2B899 8%, #97D3F1 88%);

 

HEX #F2B899 zu HEX #97D3F1


CSS-Code:

background-image: radial-gradient(circle, #F2B899 13%, #97D3F1 93%);

 

HEX #97D3F1 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #97D3F1 11%, #F2B899 92%);

 

HEX #97D3F1 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #97D3F1 0%, #F2B899 87%);

 

HEX #F2B899 zu HEX #E297F1


CSS-Code:

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

 

HEX #F2B899 zu HEX #E297F1


CSS-Code:

background-image: radial-gradient(circle, #F2B899 11%, #E297F1 89%);

 

HEX #E297F1 zu HEX #F2B899


CSS-Code:

background-image: linear-gradient(135deg, #E297F1 13%, #F2B899 89%);

 

HEX #E297F1 zu HEX #F2B899


CSS-Code:

background-image: radial-gradient(circle, #E297F1 7%, #F2B899 86%);

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

CMYK in NCS®

umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

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.

Cancel Share

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

Share

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

Remove All

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

© 2019-2025 - Designed by frag-bobby.de