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

✕

CSS Gradienten:
RGB 255 99 222

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

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 255 Rot, 99 Grün und 222 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.
255 99 222 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 61 Magenta, 13 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.
0% 61% 13% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FF63DE zu HEX #009C21


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 6%, #009C21 96%);

Radial

HEX #FF63DE zu HEX #009C21


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 14%, #009C21 93%);

 

HEX #009C21 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #009C21 6%, #FF63DE 92%);

 

HEX #009C21 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #009C21 3%, #FF63DE 94%);

Linear

HEX #FF63DE zu HEX #FF75EC


CSS-Code:

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

Radial

HEX #FF63DE zu HEX #FF75EC


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 7%, #FF75EC 95%);

 

HEX #FF75EC zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FF75EC 3%, #FF63DE 95%);

 

HEX #FF75EC zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF75EC 12%, #FF63DE 87%);

 

HEX #FF63DE zu HEX #FF87FF


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 9%, #FF87FF 95%);

 

HEX #FF63DE zu HEX #FF87FF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 14%, #FF87FF 99%);

 

HEX #FF87FF zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FF87FF 8%, #FF63DE 97%);

 

HEX #FF87FF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF87FF 3%, #FF63DE 96%);

 

HEX #FF63DE zu HEX #FF99FF


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 3%, #FF99FF 99%);

 

HEX #FF63DE zu HEX #FF99FF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 7%, #FF99FF 100%);

 

HEX #FF99FF zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FF99FF 9%, #FF63DE 91%);

 

HEX #FF99FF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF99FF 3%, #FF63DE 90%);

 

HEX #FF63DE zu HEX #FFABFF


CSS-Code:

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

 

HEX #FF63DE zu HEX #FFABFF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 14%, #FFABFF 91%);

 

HEX #FFABFF zu HEX #FF63DE


CSS-Code:

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

 

HEX #FFABFF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FFABFF 6%, #FF63DE 90%);

Linear

HEX #FF63DE zu HEX #EE51CB


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 7%, #EE51CB 87%);

Radial

HEX #FF63DE zu HEX #EE51CB


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 11%, #EE51CB 100%);

 

HEX #EE51CB zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #EE51CB 8%, #FF63DE 93%);

 

HEX #EE51CB zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #EE51CB 4%, #FF63DE 87%);

 

HEX #FF63DE zu HEX #DD3FB8


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 13%, #DD3FB8 100%);

 

HEX #FF63DE zu HEX #DD3FB8


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 4%, #DD3FB8 88%);

 

HEX #DD3FB8 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #DD3FB8 3%, #FF63DE 93%);

 

HEX #DD3FB8 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #DD3FB8 6%, #FF63DE 91%);

 

HEX #FF63DE zu HEX #CC2DA5


CSS-Code:

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

 

HEX #FF63DE zu HEX #CC2DA5


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 2%, #CC2DA5 88%);

 

HEX #CC2DA5 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #CC2DA5 12%, #FF63DE 93%);

 

HEX #CC2DA5 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #CC2DA5 10%, #FF63DE 92%);

 

HEX #FF63DE zu HEX #BB1B92


CSS-Code:

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

 

HEX #FF63DE zu HEX #BB1B92


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 14%, #BB1B92 92%);

 

HEX #BB1B92 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #BB1B92 12%, #FF63DE 90%);

 

HEX #BB1B92 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #BB1B92 8%, #FF63DE 98%);

Linear

HEX #FF63DE zu HEX #FF60C5


CSS-Code:

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

Radial

HEX #FF63DE zu HEX #FF60C5


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 7%, #FF60C5 96%);

 

HEX #FF60C5 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FF60C5 2%, #FF63DE 94%);

 

HEX #FF60C5 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF60C5 8%, #FF63DE 89%);

 

HEX #FF63DE zu HEX #FF60AA


CSS-Code:

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

 

HEX #FF63DE zu HEX #FF60AA


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 7%, #FF60AA 99%);

 

HEX #FF60AA zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FF60AA 1%, #FF63DE 100%);

 

HEX #FF60AA zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF60AA 4%, #FF63DE 92%);

 

HEX #FF63DE zu HEX #FF6090


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 2%, #FF6090 89%);

 

HEX #FF63DE zu HEX #FF6090


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 6%, #FF6090 94%);

 

HEX #FF6090 zu HEX #FF63DE


CSS-Code:

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

 

HEX #FF6090 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF6090 13%, #FF63DE 89%);

 

HEX #FF63DE zu HEX #FF6075


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 11%, #FF6075 98%);

 

HEX #FF63DE zu HEX #FF6075


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 11%, #FF6075 97%);

 

HEX #FF6075 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FF6075 9%, #FF63DE 86%);

 

HEX #FF6075 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FF6075 13%, #FF63DE 97%);

Linear

HEX #FF63DE zu HEX #33142C


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 14%, #33142C 86%);

Radial

HEX #FF63DE zu HEX #33142C


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 1%, #33142C 99%);

 

HEX #33142C zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #33142C 12%, #FF63DE 86%);

 

HEX #33142C zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #33142C 13%, #FF63DE 100%);

 

HEX #FF63DE zu HEX #662859


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 2%, #662859 86%);

 

HEX #FF63DE zu HEX #662859


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 13%, #662859 92%);

 

HEX #662859 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #662859 3%, #FF63DE 99%);

 

HEX #662859 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #662859 3%, #FF63DE 90%);

 

HEX #FF63DE zu HEX #993B85


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 0%, #993B85 97%);

 

HEX #FF63DE zu HEX #993B85


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 3%, #993B85 92%);

 

HEX #993B85 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #993B85 11%, #FF63DE 94%);

 

HEX #993B85 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #993B85 1%, #FF63DE 88%);

 

HEX #FF63DE zu HEX #CC4FB2


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 0%, #CC4FB2 89%);

 

HEX #FF63DE zu HEX #CC4FB2


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 14%, #CC4FB2 91%);

 

HEX #CC4FB2 zu HEX #FF63DE


CSS-Code:

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

 

HEX #CC4FB2 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #CC4FB2 8%, #FF63DE 90%);

Linear

HEX #FF63DE zu HEX #FFA060


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 10%, #FFA060 92%);

Radial

HEX #FF63DE zu HEX #FFA060


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 0%, #FFA060 100%);

 

HEX #FFA060 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FFA060 12%, #FF63DE 100%);

 

HEX #FFA060 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FFA060 13%, #FF63DE 90%);

 

HEX #FF63DE zu HEX #60FFDF


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 10%, #60FFDF 86%);

 

HEX #FF63DE zu HEX #60FFDF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 6%, #60FFDF 92%);

 

HEX #60FFDF zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #60FFDF 11%, #FF63DE 88%);

 

HEX #60FFDF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #60FFDF 13%, #FF63DE 93%);

Linear

HEX #FF63DE zu HEX #DFFF60


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 9%, #DFFF60 100%);

Radial

HEX #FF63DE zu HEX #DFFF60


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 1%, #DFFF60 87%);

 

HEX #DFFF60 zu HEX #FF63DE


CSS-Code:

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

 

HEX #DFFF60 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #DFFF60 0%, #FF63DE 92%);

 

HEX #FF63DE zu HEX #60DFFF


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 4%, #60DFFF 100%);

 

HEX #FF63DE zu HEX #60DFFF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 0%, #60DFFF 89%);

 

HEX #60DFFF zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #60DFFF 2%, #FF63DE 95%);

 

HEX #60DFFF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #60DFFF 10%, #FF63DE 87%);

Linear

HEX #FF63DE zu HEX #FFA060


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 5%, #FFA060 99%);

Radial

HEX #FF63DE zu HEX #FFA060


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 0%, #FFA060 88%);

 

HEX #FFA060 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FFA060 7%, #FF63DE 89%);

 

HEX #FFA060 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FFA060 0%, #FF63DE 91%);

 

HEX #FF63DE zu HEX #60FF80


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 11%, #60FF80 86%);

 

HEX #FF63DE zu HEX #60FF80


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 1%, #60FF80 91%);

 

HEX #60FF80 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #60FF80 10%, #FF63DE 86%);

 

HEX #60FF80 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #60FF80 3%, #FF63DE 87%);

 

HEX #FF63DE zu HEX #60BFFF


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 13%, #60BFFF 91%);

 

HEX #FF63DE zu HEX #60BFFF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 10%, #60BFFF 86%);

 

HEX #60BFFF zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #60BFFF 3%, #FF63DE 95%);

 

HEX #60BFFF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #60BFFF 12%, #FF63DE 87%);

Linear

HEX #FF63DE zu HEX #FFCF60


CSS-Code:

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

Radial

HEX #FF63DE zu HEX #FFCF60


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 7%, #FFCF60 90%);

 

HEX #FFCF60 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #FFCF60 14%, #FF63DE 92%);

 

HEX #FFCF60 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #FFCF60 9%, #FF63DE 97%);

 

HEX #FF63DE zu HEX #60FF80


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 13%, #60FF80 86%);

 

HEX #FF63DE zu HEX #60FF80


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 9%, #60FF80 99%);

 

HEX #60FF80 zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #60FF80 3%, #FF63DE 96%);

 

HEX #60FF80 zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #60FF80 9%, #FF63DE 87%);

 

HEX #FF63DE zu HEX #6090FF


CSS-Code:

background-image: linear-gradient(135deg, #FF63DE 2%, #6090FF 96%);

 

HEX #FF63DE zu HEX #6090FF


CSS-Code:

background-image: radial-gradient(circle, #FF63DE 12%, #6090FF 86%);

 

HEX #6090FF zu HEX #FF63DE


CSS-Code:

background-image: linear-gradient(135deg, #6090FF 3%, #FF63DE 97%);

 

HEX #6090FF zu HEX #FF63DE


CSS-Code:

background-image: radial-gradient(circle, #6090FF 11%, #FF63DE 97%);

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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de