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

CSS Gradienten:
RGB 51 0 166

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

Da die Farbwerte im Vergleich zu anderen relativ gering sind, erscheint uns dieser Farbton dunkler.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #3300A6 zu HEX #CCFF59


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 6%, #CCFF59 89%);

Radial

HEX #3300A6 zu HEX #CCFF59


CSS-Code:

background-image: radial-gradient(circle, #3300A6 6%, #CCFF59 99%);

 

HEX #CCFF59 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #CCFF59 6%, #3300A6 96%);

 

HEX #CCFF59 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #CCFF59 13%, #3300A6 86%);

Linear

HEX #3300A6 zu HEX #4912B4


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 6%, #4912B4 95%);

Radial

HEX #3300A6 zu HEX #4912B4


CSS-Code:

background-image: radial-gradient(circle, #3300A6 4%, #4912B4 89%);

 

HEX #4912B4 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #4912B4 5%, #3300A6 89%);

 

HEX #4912B4 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #4912B4 12%, #3300A6 99%);

 

HEX #3300A6 zu HEX #5A24C7


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 4%, #5A24C7 86%);

 

HEX #3300A6 zu HEX #5A24C7


CSS-Code:

background-image: radial-gradient(circle, #3300A6 10%, #5A24C7 98%);

 

HEX #5A24C7 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #5A24C7 9%, #3300A6 91%);

 

HEX #5A24C7 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #5A24C7 10%, #3300A6 87%);

 

HEX #3300A6 zu HEX #6B36DA


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 3%, #6B36DA 97%);

 

HEX #3300A6 zu HEX #6B36DA


CSS-Code:

background-image: radial-gradient(circle, #3300A6 0%, #6B36DA 93%);

 

HEX #6B36DA zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #6B36DA 10%, #3300A6 91%);

 

HEX #6B36DA zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #6B36DA 9%, #3300A6 95%);

 

HEX #3300A6 zu HEX #7C48ED


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 2%, #7C48ED 99%);

 

HEX #3300A6 zu HEX #7C48ED


CSS-Code:

background-image: radial-gradient(circle, #3300A6 0%, #7C48ED 96%);

 

HEX #7C48ED zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #7C48ED 4%, #3300A6 89%);

 

HEX #7C48ED zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #7C48ED 11%, #3300A6 95%);

Linear

HEX #3300A6 zu HEX #220093


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 12%, #220093 86%);

Radial

HEX #3300A6 zu HEX #220093


CSS-Code:

background-image: radial-gradient(circle, #3300A6 9%, #220093 87%);

 

HEX #220093 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #220093 12%, #3300A6 88%);

 

HEX #220093 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #220093 14%, #3300A6 92%);

 

HEX #3300A6 zu HEX #110080


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 1%, #110080 92%);

 

HEX #3300A6 zu HEX #110080


CSS-Code:

background-image: radial-gradient(circle, #3300A6 10%, #110080 91%);

 

HEX #110080 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #110080 3%, #3300A6 99%);

 

HEX #110080 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #110080 14%, #3300A6 95%);

 

HEX #3300A6 zu HEX #00006D


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 2%, #00006D 98%);

 

HEX #3300A6 zu HEX #00006D


CSS-Code:

background-image: radial-gradient(circle, #3300A6 4%, #00006D 91%);

 

HEX #00006D zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #00006D 10%, #3300A6 94%);

 

HEX #00006D zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #00006D 9%, #3300A6 88%);

 

HEX #3300A6 zu HEX #00005A


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 0%, #00005A 93%);

 

HEX #3300A6 zu HEX #00005A


CSS-Code:

background-image: radial-gradient(circle, #3300A6 9%, #00005A 86%);

 

HEX #00005A zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #00005A 1%, #3300A6 100%);

 

HEX #00005A zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #00005A 7%, #3300A6 95%);

Linear

HEX #3300A6 zu HEX #4E00A8


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 0%, #4E00A8 92%);

Radial

HEX #3300A6 zu HEX #4E00A8


CSS-Code:

background-image: radial-gradient(circle, #3300A6 10%, #4E00A8 90%);

 

HEX #4E00A8 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #4E00A8 3%, #3300A6 91%);

 

HEX #4E00A8 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #4E00A8 14%, #3300A6 96%);

 

HEX #3300A6 zu HEX #6A00A8


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 9%, #6A00A8 96%);

 

HEX #3300A6 zu HEX #6A00A8


CSS-Code:

background-image: radial-gradient(circle, #3300A6 1%, #6A00A8 87%);

 

HEX #6A00A8 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #6A00A8 0%, #3300A6 94%);

 

HEX #6A00A8 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #6A00A8 2%, #3300A6 96%);

 

HEX #3300A6 zu HEX #8600A8


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 6%, #8600A8 95%);

 

HEX #3300A6 zu HEX #8600A8


CSS-Code:

background-image: radial-gradient(circle, #3300A6 11%, #8600A8 96%);

 

HEX #8600A8 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #8600A8 4%, #3300A6 94%);

 

HEX #8600A8 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #8600A8 1%, #3300A6 87%);

 

HEX #3300A6 zu HEX #A200A8


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 3%, #A200A8 93%);

 

HEX #3300A6 zu HEX #A200A8


CSS-Code:

background-image: radial-gradient(circle, #3300A6 2%, #A200A8 88%);

 

HEX #A200A8 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #A200A8 14%, #3300A6 94%);

 

HEX #A200A8 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #A200A8 1%, #3300A6 100%);

Linear

HEX #3300A6 zu HEX #4300D9


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 5%, #4300D9 95%);

Radial

HEX #3300A6 zu HEX #4300D9


CSS-Code:

background-image: radial-gradient(circle, #3300A6 0%, #4300D9 88%);

 

HEX #4300D9 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #4300D9 0%, #3300A6 98%);

 

HEX #4300D9 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #4300D9 3%, #3300A6 87%);

 

HEX #3300A6 zu HEX #04000D


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 5%, #04000D 88%);

 

HEX #3300A6 zu HEX #04000D


CSS-Code:

background-image: radial-gradient(circle, #3300A6 1%, #04000D 93%);

 

HEX #04000D zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #04000D 9%, #3300A6 94%);

 

HEX #04000D zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #04000D 9%, #3300A6 89%);

 

HEX #3300A6 zu HEX #140040


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 10%, #140040 95%);

 

HEX #3300A6 zu HEX #140040


CSS-Code:

background-image: radial-gradient(circle, #3300A6 11%, #140040 97%);

 

HEX #140040 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #140040 9%, #3300A6 87%);

 

HEX #140040 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #140040 2%, #3300A6 92%);

 

HEX #3300A6 zu HEX #230073


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 9%, #230073 99%);

 

HEX #3300A6 zu HEX #230073


CSS-Code:

background-image: radial-gradient(circle, #3300A6 2%, #230073 89%);

 

HEX #230073 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #230073 11%, #3300A6 94%);

 

HEX #230073 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #230073 8%, #3300A6 91%);

Linear

HEX #3300A6 zu HEX #A80054


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 11%, #A80054 95%);

Radial

HEX #3300A6 zu HEX #A80054


CSS-Code:

background-image: radial-gradient(circle, #3300A6 6%, #A80054 97%);

 

HEX #A80054 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #A80054 8%, #3300A6 93%);

 

HEX #A80054 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #A80054 3%, #3300A6 91%);

 

HEX #3300A6 zu HEX #10A800


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 11%, #10A800 92%);

 

HEX #3300A6 zu HEX #10A800


CSS-Code:

background-image: radial-gradient(circle, #3300A6 6%, #10A800 97%);

 

HEX #10A800 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #10A800 1%, #3300A6 87%);

 

HEX #10A800 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #10A800 14%, #3300A6 94%);

Linear

HEX #3300A6 zu HEX #A83200


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 0%, #A83200 87%);

Radial

HEX #3300A6 zu HEX #A83200


CSS-Code:

background-image: radial-gradient(circle, #3300A6 10%, #A83200 93%);

 

HEX #A83200 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #A83200 6%, #3300A6 96%);

 

HEX #A83200 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #A83200 12%, #3300A6 92%);

 

HEX #3300A6 zu HEX #00A832


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 12%, #00A832 99%);

 

HEX #3300A6 zu HEX #00A832


CSS-Code:

background-image: radial-gradient(circle, #3300A6 9%, #00A832 94%);

 

HEX #00A832 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #00A832 5%, #3300A6 86%);

 

HEX #00A832 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #00A832 4%, #3300A6 86%);

Linear

HEX #3300A6 zu HEX #A80054


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 0%, #A80054 90%);

Radial

HEX #3300A6 zu HEX #A80054


CSS-Code:

background-image: radial-gradient(circle, #3300A6 7%, #A80054 95%);

 

HEX #A80054 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #A80054 13%, #3300A6 88%);

 

HEX #A80054 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #A80054 13%, #3300A6 95%);

 

HEX #3300A6 zu HEX #75A800


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 8%, #75A800 97%);

 

HEX #3300A6 zu HEX #75A800


CSS-Code:

background-image: radial-gradient(circle, #3300A6 13%, #75A800 91%);

 

HEX #75A800 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #75A800 12%, #3300A6 95%);

 

HEX #75A800 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #75A800 14%, #3300A6 86%);

 

HEX #3300A6 zu HEX #00A854


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 6%, #00A854 90%);

 

HEX #3300A6 zu HEX #00A854


CSS-Code:

background-image: radial-gradient(circle, #3300A6 4%, #00A854 98%);

 

HEX #00A854 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #00A854 6%, #3300A6 86%);

 

HEX #00A854 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #00A854 12%, #3300A6 91%);

Linear

HEX #3300A6 zu HEX #A80021


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 12%, #A80021 86%);

Radial

HEX #3300A6 zu HEX #A80021


CSS-Code:

background-image: radial-gradient(circle, #3300A6 8%, #A80021 91%);

 

HEX #A80021 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #A80021 10%, #3300A6 98%);

 

HEX #A80021 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #A80021 13%, #3300A6 99%);

 

HEX #3300A6 zu HEX #75A800


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 6%, #75A800 92%);

 

HEX #3300A6 zu HEX #75A800


CSS-Code:

background-image: radial-gradient(circle, #3300A6 7%, #75A800 90%);

 

HEX #75A800 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #75A800 10%, #3300A6 100%);

 

HEX #75A800 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #75A800 13%, #3300A6 92%);

 

HEX #3300A6 zu HEX #00A886


CSS-Code:

background-image: linear-gradient(135deg, #3300A6 4%, #00A886 96%);

 

HEX #3300A6 zu HEX #00A886


CSS-Code:

background-image: radial-gradient(circle, #3300A6 10%, #00A886 94%);

 

HEX #00A886 zu HEX #3300A6


CSS-Code:

background-image: linear-gradient(135deg, #00A886 11%, #3300A6 94%);

 

HEX #00A886 zu HEX #3300A6


CSS-Code:

background-image: radial-gradient(circle, #00A886 0%, #3300A6 92%);

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

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)

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

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

Icons

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.

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.