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

✕

CSS Gradienten:
#BDF8DE

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 189 Rot, 248 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.
189 248 222 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 24 Cyan, keine Magenta, 10 Gelb und 3 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.
24% 0% 10% 3% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BDF8DE zu HEX #420721


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 7%, #420721 100%);

Radial

HEX #BDF8DE zu HEX #420721


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 2%, #420721 93%);

 

HEX #420721 zu HEX #BDF8DE


CSS-Code:

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

 

HEX #420721 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #420721 5%, #BDF8DE 97%);

Linear

HEX #BDF8DE zu HEX #BEF8CE


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 9%, #BEF8CE 96%);

Radial

HEX #BDF8DE zu HEX #BEF8CE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 4%, #BEF8CE 89%);

 

HEX #BEF8CE zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BEF8CE 13%, #BDF8DE 86%);

 

HEX #BEF8CE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8CE 3%, #BDF8DE 88%);

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

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

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 1%, #BEF8DE 93%);

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8DE 4%, #BDF8DE 98%);

 

HEX #BDF8DE zu HEX #BEF8ED


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 4%, #BEF8ED 93%);

 

HEX #BDF8DE zu HEX #BEF8ED


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 4%, #BEF8ED 96%);

 

HEX #BEF8ED zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BEF8ED 13%, #BDF8DE 93%);

 

HEX #BEF8ED zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8ED 8%, #BDF8DE 94%);

 

HEX #BDF8DE zu HEX #BEF3F8


CSS-Code:

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

 

HEX #BDF8DE zu HEX #BEF3F8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 4%, #BEF3F8 92%);

 

HEX #BEF3F8 zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BEF3F8 13%, #BDF8DE 90%);

 

HEX #BEF3F8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF3F8 6%, #BDF8DE 90%);

Linear

HEX #BDF8DE zu HEX #99F4CC


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 7%, #99F4CC 92%);

Radial

HEX #BDF8DE zu HEX #99F4CC


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 8%, #99F4CC 97%);

 

HEX #99F4CC zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #99F4CC 13%, #BDF8DE 95%);

 

HEX #99F4CC zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #99F4CC 1%, #BDF8DE 93%);

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 3%, #BEF8DE 89%);

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 7%, #BEF8DE 91%);

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8DE 4%, #BDF8DE 100%);

 

HEX #BDF8DE zu HEX #E3FCF1


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 13%, #E3FCF1 92%);

 

HEX #BDF8DE zu HEX #E3FCF1


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 12%, #E3FCF1 93%);

 

HEX #E3FCF1 zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #E3FCF1 11%, #BDF8DE 90%);

 

HEX #E3FCF1 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #E3FCF1 13%, #BDF8DE 97%);

Linear

HEX #BDF8DE zu HEX #BEF8CE


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 2%, #BEF8CE 96%);

Radial

HEX #BDF8DE zu HEX #BEF8CE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 0%, #BEF8CE 100%);

 

HEX #BEF8CE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #BEF8CE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8CE 13%, #BDF8DE 95%);

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

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

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 5%, #BEF8DE 93%);

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8DE 7%, #BDF8DE 95%);

 

HEX #BDF8DE zu HEX #BEF8ED


CSS-Code:

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

 

HEX #BDF8DE zu HEX #BEF8ED


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 1%, #BEF8ED 90%);

 

HEX #BEF8ED zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BEF8ED 3%, #BDF8DE 89%);

 

HEX #BEF8ED zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8ED 0%, #BDF8DE 91%);

 

HEX #BDF8DE zu HEX #BEF3F8


CSS-Code:

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

 

HEX #BDF8DE zu HEX #BEF3F8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 9%, #BEF3F8 93%);

 

HEX #BEF3F8 zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BEF3F8 2%, #BDF8DE 93%);

 

HEX #BEF3F8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF3F8 2%, #BDF8DE 91%);

Linear

HEX #BDF8DE zu HEX #99F4CC


CSS-Code:

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

Radial

HEX #BDF8DE zu HEX #99F4CC


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 4%, #99F4CC 93%);

 

HEX #99F4CC zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #99F4CC 2%, #BDF8DE 88%);

 

HEX #99F4CC zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #99F4CC 0%, #BDF8DE 87%);

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 1%, #BEF8DE 92%);

 

HEX #BDF8DE zu HEX #BEF8DE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 5%, #BEF8DE 90%);

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #BEF8DE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BEF8DE 0%, #BDF8DE 88%);

 

HEX #BDF8DE zu HEX #E3FCF1


CSS-Code:

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

 

HEX #BDF8DE zu HEX #E3FCF1


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 6%, #E3FCF1 99%);

 

HEX #E3FCF1 zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #E3FCF1 11%, #BDF8DE 100%);

 

HEX #E3FCF1 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #E3FCF1 13%, #BDF8DE 89%);

Linear

HEX #BDF8DE zu HEX #BECCF8


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 12%, #BECCF8 98%);

Radial

HEX #BDF8DE zu HEX #BECCF8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 10%, #BECCF8 91%);

 

HEX #BECCF8 zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BECCF8 1%, #BDF8DE 89%);

 

HEX #BECCF8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BECCF8 5%, #BDF8DE 88%);

 

HEX #BDF8DE zu HEX #F8C7BE


CSS-Code:

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

 

HEX #BDF8DE zu HEX #F8C7BE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 12%, #F8C7BE 89%);

 

HEX #F8C7BE zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #F8C7BE 10%, #BDF8DE 87%);

 

HEX #F8C7BE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #F8C7BE 5%, #BDF8DE 88%);

Linear

HEX #BDF8DE zu HEX #DEBEF8


CSS-Code:

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

Radial

HEX #BDF8DE zu HEX #DEBEF8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 14%, #DEBEF8 98%);

 

HEX #DEBEF8 zu HEX #BDF8DE


CSS-Code:

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

 

HEX #DEBEF8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #DEBEF8 12%, #BDF8DE 90%);

 

HEX #BDF8DE zu HEX #F8DEBE


CSS-Code:

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

 

HEX #BDF8DE zu HEX #F8DEBE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 0%, #F8DEBE 97%);

 

HEX #F8DEBE zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #F8DEBE 0%, #BDF8DE 93%);

 

HEX #F8DEBE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #F8DEBE 9%, #BDF8DE 86%);

Linear

HEX #BDF8DE zu HEX #BECCF8


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 7%, #BECCF8 95%);

Radial

HEX #BDF8DE zu HEX #BECCF8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 6%, #BECCF8 90%);

 

HEX #BECCF8 zu HEX #BDF8DE


CSS-Code:

background-image: linear-gradient(135deg, #BECCF8 8%, #BDF8DE 87%);

 

HEX #BECCF8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #BECCF8 1%, #BDF8DE 89%);

 

HEX #BDF8DE zu HEX #F8BED8


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 14%, #F8BED8 90%);

 

HEX #BDF8DE zu HEX #F8BED8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 7%, #F8BED8 95%);

 

HEX #F8BED8 zu HEX #BDF8DE


CSS-Code:

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

 

HEX #F8BED8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #F8BED8 10%, #BDF8DE 98%);

 

HEX #BDF8DE zu HEX #F8E9BE


CSS-Code:

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

 

HEX #BDF8DE zu HEX #F8E9BE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 0%, #F8E9BE 100%);

 

HEX #F8E9BE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #F8E9BE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #F8E9BE 4%, #BDF8DE 97%);

Linear

HEX #BDF8DE zu HEX #C1BEF8


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 8%, #C1BEF8 87%);

Radial

HEX #BDF8DE zu HEX #C1BEF8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 14%, #C1BEF8 89%);

 

HEX #C1BEF8 zu HEX #BDF8DE


CSS-Code:

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

 

HEX #C1BEF8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #C1BEF8 13%, #BDF8DE 86%);

 

HEX #BDF8DE zu HEX #F8BED8


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 12%, #F8BED8 88%);

 

HEX #BDF8DE zu HEX #F8BED8


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 6%, #F8BED8 88%);

 

HEX #F8BED8 zu HEX #BDF8DE


CSS-Code:

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

 

HEX #F8BED8 zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #F8BED8 8%, #BDF8DE 86%);

 

HEX #BDF8DE zu HEX #F5F8BE


CSS-Code:

background-image: linear-gradient(135deg, #BDF8DE 9%, #F5F8BE 96%);

 

HEX #BDF8DE zu HEX #F5F8BE


CSS-Code:

background-image: radial-gradient(circle, #BDF8DE 9%, #F5F8BE 99%);

 

HEX #F5F8BE zu HEX #BDF8DE


CSS-Code:

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

 

HEX #F5F8BE zu HEX #BDF8DE


CSS-Code:

background-image: radial-gradient(circle, #F5F8BE 13%, #BDF8DE 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
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 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 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 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 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 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 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 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)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

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