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

CSS Gradienten:
RGB 219 186 237

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DBBAED zu HEX #244512


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 1%, #244512 88%);

Radial

HEX #DBBAED zu HEX #244512


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 8%, #244512 93%);

 

HEX #244512 zu HEX #DBBAED


CSS-Code:

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

 

HEX #244512 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #244512 8%, #DBBAED 98%);

Linear

HEX #DBBAED zu HEX #F1CCFB


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 14%, #F1CCFB 87%);

Radial

HEX #DBBAED zu HEX #F1CCFB


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 14%, #F1CCFB 98%);

 

HEX #F1CCFB zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #F1CCFB 8%, #DBBAED 94%);

 

HEX #F1CCFB zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #F1CCFB 2%, #DBBAED 100%);

 

HEX #DBBAED zu HEX #FFDEFF


CSS-Code:

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

 

HEX #DBBAED zu HEX #FFDEFF


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 2%, #FFDEFF 94%);

 

HEX #FFDEFF zu HEX #DBBAED


CSS-Code:

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

 

HEX #FFDEFF zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #FFDEFF 13%, #DBBAED 99%);

 

HEX #DBBAED zu HEX #FFF0FF


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 13%, #FFF0FF 99%);

 

HEX #DBBAED zu HEX #FFF0FF


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 2%, #FFF0FF 97%);

 

HEX #FFF0FF zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #FFF0FF 14%, #DBBAED 99%);

 

HEX #FFF0FF zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #FFF0FF 4%, #DBBAED 86%);

Linear

HEX #DBBAED zu HEX #CAA8DA


CSS-Code:

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

Radial

HEX #DBBAED zu HEX #CAA8DA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 10%, #CAA8DA 96%);

 

HEX #CAA8DA zu HEX #DBBAED


CSS-Code:

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

 

HEX #CAA8DA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #CAA8DA 8%, #DBBAED 96%);

 

HEX #DBBAED zu HEX #B996C7


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 6%, #B996C7 98%);

 

HEX #DBBAED zu HEX #B996C7


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 11%, #B996C7 100%);

 

HEX #B996C7 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #B996C7 13%, #DBBAED 94%);

 

HEX #B996C7 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #B996C7 3%, #DBBAED 94%);

 

HEX #DBBAED zu HEX #A884B4


CSS-Code:

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

 

HEX #DBBAED zu HEX #A884B4


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 7%, #A884B4 88%);

 

HEX #A884B4 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #A884B4 1%, #DBBAED 99%);

 

HEX #A884B4 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #A884B4 5%, #DBBAED 97%);

 

HEX #DBBAED zu HEX #9772A1


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 1%, #9772A1 97%);

 

HEX #DBBAED zu HEX #9772A1


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 10%, #9772A1 98%);

 

HEX #9772A1 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #9772A1 14%, #DBBAED 100%);

 

HEX #9772A1 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #9772A1 10%, #DBBAED 89%);

Linear

HEX #DBBAED zu HEX #E2BAED


CSS-Code:

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

Radial

HEX #DBBAED zu HEX #E2BAED


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 5%, #E2BAED 92%);

 

HEX #E2BAED zu HEX #DBBAED


CSS-Code:

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

 

HEX #E2BAED zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #E2BAED 11%, #DBBAED 91%);

 

HEX #DBBAED zu HEX #EBBAED


CSS-Code:

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

 

HEX #DBBAED zu HEX #EBBAED


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 6%, #EBBAED 91%);

 

HEX #EBBAED zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #EBBAED 12%, #DBBAED 96%);

 

HEX #EBBAED zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EBBAED 13%, #DBBAED 100%);

 

HEX #DBBAED zu HEX #EDBAE6


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 4%, #EDBAE6 96%);

 

HEX #DBBAED zu HEX #EDBAE6


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 7%, #EDBAE6 94%);

 

HEX #EDBAE6 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #EDBAE6 12%, #DBBAED 87%);

 

HEX #EDBAE6 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EDBAE6 6%, #DBBAED 89%);

 

HEX #DBBAED zu HEX #EDBADD


CSS-Code:

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

 

HEX #DBBAED zu HEX #EDBADD


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 12%, #EDBADD 91%);

 

HEX #EDBADD zu HEX #DBBAED


CSS-Code:

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

 

HEX #EDBADD zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EDBADD 1%, #DBBAED 86%);

Linear

HEX #DBBAED zu HEX #1E1A21


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 6%, #1E1A21 91%);

Radial

HEX #DBBAED zu HEX #1E1A21


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 13%, #1E1A21 94%);

 

HEX #1E1A21 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #1E1A21 11%, #DBBAED 95%);

 

HEX #1E1A21 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #1E1A21 1%, #DBBAED 87%);

 

HEX #DBBAED zu HEX #4E4254


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 2%, #4E4254 90%);

 

HEX #DBBAED zu HEX #4E4254


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 7%, #4E4254 89%);

 

HEX #4E4254 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #4E4254 5%, #DBBAED 96%);

 

HEX #4E4254 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #4E4254 5%, #DBBAED 86%);

 

HEX #DBBAED zu HEX #7D6A87


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 8%, #7D6A87 90%);

 

HEX #DBBAED zu HEX #7D6A87


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 4%, #7D6A87 93%);

 

HEX #7D6A87 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #7D6A87 9%, #DBBAED 91%);

 

HEX #7D6A87 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #7D6A87 12%, #DBBAED 88%);

 

HEX #DBBAED zu HEX #AC92BA


CSS-Code:

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

 

HEX #DBBAED zu HEX #AC92BA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 10%, #AC92BA 89%);

 

HEX #AC92BA zu HEX #DBBAED


CSS-Code:

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

 

HEX #AC92BA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #AC92BA 13%, #DBBAED 95%);

Linear

HEX #DBBAED zu HEX #EDBAC2


CSS-Code:

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

Radial

HEX #DBBAED zu HEX #EDBAC2


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 9%, #EDBAC2 99%);

 

HEX #EDBAC2 zu HEX #DBBAED


CSS-Code:

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

 

HEX #EDBAC2 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EDBAC2 7%, #DBBAED 90%);

 

HEX #DBBAED zu HEX #BAEDC6


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 5%, #BAEDC6 90%);

 

HEX #DBBAED zu HEX #BAEDC6


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 14%, #BAEDC6 92%);

 

HEX #BAEDC6 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #BAEDC6 9%, #DBBAED 87%);

 

HEX #BAEDC6 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #BAEDC6 14%, #DBBAED 89%);

Linear

HEX #DBBAED zu HEX #EDDABA


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 5%, #EDDABA 87%);

Radial

HEX #DBBAED zu HEX #EDDABA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 10%, #EDDABA 92%);

 

HEX #EDDABA zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #EDDABA 7%, #DBBAED 86%);

 

HEX #EDDABA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EDDABA 10%, #DBBAED 96%);

 

HEX #DBBAED zu HEX #BAEDDA


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 11%, #BAEDDA 89%);

 

HEX #DBBAED zu HEX #BAEDDA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 8%, #BAEDDA 97%);

 

HEX #BAEDDA zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #BAEDDA 7%, #DBBAED 90%);

 

HEX #BAEDDA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #BAEDDA 1%, #DBBAED 92%);

Linear

HEX #DBBAED zu HEX #EDBAC2


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 4%, #EDBAC2 96%);

Radial

HEX #DBBAED zu HEX #EDBAC2


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 5%, #EDBAC2 91%);

 

HEX #EDBAC2 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #EDBAC2 6%, #DBBAED 87%);

 

HEX #EDBAC2 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EDBAC2 12%, #DBBAED 96%);

 

HEX #DBBAED zu HEX #CCEDBA


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 14%, #CCEDBA 87%);

 

HEX #DBBAED zu HEX #CCEDBA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 14%, #CCEDBA 99%);

 

HEX #CCEDBA zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #CCEDBA 0%, #DBBAED 99%);

 

HEX #CCEDBA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #CCEDBA 11%, #DBBAED 92%);

 

HEX #DBBAED zu HEX #BAEDE4


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 3%, #BAEDE4 98%);

 

HEX #DBBAED zu HEX #BAEDE4


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 3%, #BAEDE4 100%);

 

HEX #BAEDE4 zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #BAEDE4 4%, #DBBAED 90%);

 

HEX #BAEDE4 zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #BAEDE4 7%, #DBBAED 91%);

Linear

HEX #DBBAED zu HEX #EDC0BA


CSS-Code:

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

Radial

HEX #DBBAED zu HEX #EDC0BA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 0%, #EDC0BA 91%);

 

HEX #EDC0BA zu HEX #DBBAED


CSS-Code:

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

 

HEX #EDC0BA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #EDC0BA 13%, #DBBAED 90%);

 

HEX #DBBAED zu HEX #CCEDBA


CSS-Code:

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

 

HEX #DBBAED zu HEX #CCEDBA


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 13%, #CCEDBA 100%);

 

HEX #CCEDBA zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #CCEDBA 6%, #DBBAED 97%);

 

HEX #CCEDBA zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #CCEDBA 13%, #DBBAED 86%);

 

HEX #DBBAED zu HEX #BAE6ED


CSS-Code:

background-image: linear-gradient(135deg, #DBBAED 1%, #BAE6ED 95%);

 

HEX #DBBAED zu HEX #BAE6ED


CSS-Code:

background-image: radial-gradient(circle, #DBBAED 5%, #BAE6ED 90%);

 

HEX #BAE6ED zu HEX #DBBAED


CSS-Code:

background-image: linear-gradient(135deg, #BAE6ED 3%, #DBBAED 92%);

 

HEX #BAE6ED zu HEX #DBBAED


CSS-Code:

background-image: radial-gradient(circle, #BAE6ED 10%, #DBBAED 98%);

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.