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

✕

CSS Gradienten:
#B866BF

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #B866BF zu HEX #479940


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 1%, #479940 86%);

Radial

HEX #B866BF zu HEX #479940


CSS-Code:

background-image: radial-gradient(circle, #B866BF 9%, #479940 90%);

 

HEX #479940 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #479940 0%, #B866BF 90%);

 

HEX #479940 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #479940 4%, #B866BF 94%);

Linear

HEX #B866BF zu HEX #9E64BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 7%, #9E64BE 94%);

Radial

HEX #B866BF zu HEX #9E64BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 10%, #9E64BE 94%);

 

HEX #9E64BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #9E64BE 14%, #B866BF 88%);

 

HEX #9E64BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #9E64BE 3%, #B866BF 90%);

 

HEX #B866BF zu HEX #B664BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 3%, #B664BE 100%);

 

HEX #B866BF zu HEX #B664BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 0%, #B664BE 91%);

 

HEX #B664BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #B664BE 1%, #B866BF 96%);

 

HEX #B664BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #B664BE 8%, #B866BF 90%);

 

HEX #B866BF zu HEX #BE64AD


CSS-Code:

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

 

HEX #B866BF zu HEX #BE64AD


CSS-Code:

background-image: radial-gradient(circle, #B866BF 4%, #BE64AD 96%);

 

HEX #BE64AD zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #BE64AD 8%, #B866BF 96%);

 

HEX #BE64AD zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE64AD 8%, #B866BF 92%);

 

HEX #B866BF zu HEX #BE6495


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 9%, #BE6495 92%);

 

HEX #B866BF zu HEX #BE6495


CSS-Code:

background-image: radial-gradient(circle, #B866BF 4%, #BE6495 98%);

 

HEX #BE6495 zu HEX #B866BF


CSS-Code:

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

 

HEX #BE6495 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE6495 5%, #B866BF 89%);

Linear

HEX #B866BF zu HEX #A749AF


CSS-Code:

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

Radial

HEX #B866BF zu HEX #A749AF


CSS-Code:

background-image: radial-gradient(circle, #B866BF 5%, #A749AF 86%);

 

HEX #A749AF zu HEX #B866BF


CSS-Code:

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

 

HEX #A749AF zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #A749AF 14%, #B866BF 88%);

 

HEX #B866BF zu HEX #B764BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 4%, #B764BE 95%);

 

HEX #B866BF zu HEX #B764BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 9%, #B764BE 100%);

 

HEX #B764BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #B764BE 10%, #B866BF 99%);

 

HEX #B764BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #B764BE 11%, #B866BF 99%);

 

HEX #B866BF zu HEX #C481CA


CSS-Code:

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

 

HEX #B866BF zu HEX #C481CA


CSS-Code:

background-image: radial-gradient(circle, #B866BF 0%, #C481CA 94%);

 

HEX #C481CA zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #C481CA 5%, #B866BF 96%);

 

HEX #C481CA zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #C481CA 4%, #B866BF 92%);

 

HEX #B866BF zu HEX #D29ED6


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 14%, #D29ED6 86%);

 

HEX #B866BF zu HEX #D29ED6


CSS-Code:

background-image: radial-gradient(circle, #B866BF 0%, #D29ED6 86%);

 

HEX #D29ED6 zu HEX #B866BF


CSS-Code:

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

 

HEX #D29ED6 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #D29ED6 3%, #B866BF 95%);

Linear

HEX #B866BF zu HEX #9E64BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 0%, #9E64BE 87%);

Radial

HEX #B866BF zu HEX #9E64BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 13%, #9E64BE 92%);

 

HEX #9E64BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #9E64BE 9%, #B866BF 88%);

 

HEX #9E64BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #9E64BE 2%, #B866BF 90%);

 

HEX #B866BF zu HEX #B664BE


CSS-Code:

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

 

HEX #B866BF zu HEX #B664BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 10%, #B664BE 87%);

 

HEX #B664BE zu HEX #B866BF


CSS-Code:

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

 

HEX #B664BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #B664BE 0%, #B866BF 87%);

 

HEX #B866BF zu HEX #BE64AD


CSS-Code:

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

 

HEX #B866BF zu HEX #BE64AD


CSS-Code:

background-image: radial-gradient(circle, #B866BF 6%, #BE64AD 97%);

 

HEX #BE64AD zu HEX #B866BF


CSS-Code:

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

 

HEX #BE64AD zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE64AD 6%, #B866BF 87%);

 

HEX #B866BF zu HEX #BE6495


CSS-Code:

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

 

HEX #B866BF zu HEX #BE6495


CSS-Code:

background-image: radial-gradient(circle, #B866BF 1%, #BE6495 88%);

 

HEX #BE6495 zu HEX #B866BF


CSS-Code:

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

 

HEX #BE6495 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE6495 0%, #B866BF 88%);

Linear

HEX #B866BF zu HEX #A749AF


CSS-Code:

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

Radial

HEX #B866BF zu HEX #A749AF


CSS-Code:

background-image: radial-gradient(circle, #B866BF 0%, #A749AF 89%);

 

HEX #A749AF zu HEX #B866BF


CSS-Code:

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

 

HEX #A749AF zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #A749AF 0%, #B866BF 89%);

 

HEX #B866BF zu HEX #B764BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 9%, #B764BE 90%);

 

HEX #B866BF zu HEX #B764BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 4%, #B764BE 88%);

 

HEX #B764BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #B764BE 10%, #B866BF 98%);

 

HEX #B764BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #B764BE 3%, #B866BF 94%);

 

HEX #B866BF zu HEX #C481CA


CSS-Code:

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

 

HEX #B866BF zu HEX #C481CA


CSS-Code:

background-image: radial-gradient(circle, #B866BF 5%, #C481CA 90%);

 

HEX #C481CA zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #C481CA 5%, #B866BF 94%);

 

HEX #C481CA zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #C481CA 6%, #B866BF 96%);

 

HEX #B866BF zu HEX #D29ED6


CSS-Code:

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

 

HEX #B866BF zu HEX #D29ED6


CSS-Code:

background-image: radial-gradient(circle, #B866BF 5%, #D29ED6 91%);

 

HEX #D29ED6 zu HEX #B866BF


CSS-Code:

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

 

HEX #D29ED6 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #D29ED6 13%, #B866BF 88%);

Linear

HEX #B866BF zu HEX #BE6E64


CSS-Code:

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

Radial

HEX #B866BF zu HEX #BE6E64


CSS-Code:

background-image: radial-gradient(circle, #B866BF 9%, #BE6E64 92%);

 

HEX #BE6E64 zu HEX #B866BF


CSS-Code:

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

 

HEX #BE6E64 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE6E64 2%, #B866BF 100%);

 

HEX #B866BF zu HEX #64BE92


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 6%, #64BE92 100%);

 

HEX #B866BF zu HEX #64BE92


CSS-Code:

background-image: radial-gradient(circle, #B866BF 2%, #64BE92 91%);

 

HEX #64BE92 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #64BE92 5%, #B866BF 93%);

 

HEX #64BE92 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #64BE92 6%, #B866BF 88%);

Linear

HEX #B866BF zu HEX #BEB664


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 8%, #BEB664 86%);

Radial

HEX #B866BF zu HEX #BEB664


CSS-Code:

background-image: radial-gradient(circle, #B866BF 11%, #BEB664 89%);

 

HEX #BEB664 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #BEB664 1%, #B866BF 94%);

 

HEX #BEB664 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BEB664 5%, #B866BF 86%);

 

HEX #B866BF zu HEX #64BEB6


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 5%, #64BEB6 86%);

 

HEX #B866BF zu HEX #64BEB6


CSS-Code:

background-image: radial-gradient(circle, #B866BF 1%, #64BEB6 96%);

 

HEX #64BEB6 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #64BEB6 9%, #B866BF 90%);

 

HEX #64BEB6 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #64BEB6 4%, #B866BF 95%);

Linear

HEX #B866BF zu HEX #BE6E64


CSS-Code:

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

Radial

HEX #B866BF zu HEX #BE6E64


CSS-Code:

background-image: radial-gradient(circle, #B866BF 13%, #BE6E64 100%);

 

HEX #BE6E64 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #BE6E64 11%, #B866BF 94%);

 

HEX #BE6E64 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE6E64 14%, #B866BF 93%);

 

HEX #B866BF zu HEX #6BBE64


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 12%, #6BBE64 96%);

 

HEX #B866BF zu HEX #6BBE64


CSS-Code:

background-image: radial-gradient(circle, #B866BF 6%, #6BBE64 90%);

 

HEX #6BBE64 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #6BBE64 10%, #B866BF 100%);

 

HEX #6BBE64 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #6BBE64 9%, #B866BF 93%);

 

HEX #B866BF zu HEX #64B3BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 12%, #64B3BE 88%);

 

HEX #B866BF zu HEX #64B3BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 7%, #64B3BE 93%);

 

HEX #64B3BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #64B3BE 4%, #B866BF 96%);

 

HEX #64B3BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #64B3BE 13%, #B866BF 92%);

Linear

HEX #B866BF zu HEX #BE8964


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 14%, #BE8964 100%);

Radial

HEX #B866BF zu HEX #BE8964


CSS-Code:

background-image: radial-gradient(circle, #B866BF 14%, #BE8964 92%);

 

HEX #BE8964 zu HEX #B866BF


CSS-Code:

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

 

HEX #BE8964 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #BE8964 12%, #B866BF 93%);

 

HEX #B866BF zu HEX #6BBE64


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 9%, #6BBE64 89%);

 

HEX #B866BF zu HEX #6BBE64


CSS-Code:

background-image: radial-gradient(circle, #B866BF 2%, #6BBE64 98%);

 

HEX #6BBE64 zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #6BBE64 12%, #B866BF 95%);

 

HEX #6BBE64 zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #6BBE64 1%, #B866BF 97%);

 

HEX #B866BF zu HEX #6498BE


CSS-Code:

background-image: linear-gradient(135deg, #B866BF 7%, #6498BE 87%);

 

HEX #B866BF zu HEX #6498BE


CSS-Code:

background-image: radial-gradient(circle, #B866BF 8%, #6498BE 86%);

 

HEX #6498BE zu HEX #B866BF


CSS-Code:

background-image: linear-gradient(135deg, #6498BE 3%, #B866BF 88%);

 

HEX #6498BE zu HEX #B866BF


CSS-Code:

background-image: radial-gradient(circle, #6498BE 6%, #B866BF 88%);

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