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

✕

CSS Gradienten:
#9BECDD

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #9BECDD zu HEX #641322


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 14%, #641322 95%);

Radial

HEX #9BECDD zu HEX #641322


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 3%, #641322 93%);

 

HEX #641322 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #641322 11%, #9BECDD 91%);

 

HEX #641322 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #641322 8%, #9BECDD 98%);

Linear

HEX #9BECDD zu HEX #9CECC7


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 13%, #9CECC7 93%);

Radial

HEX #9BECDD zu HEX #9CECC7


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 14%, #9CECC7 96%);

 

HEX #9CECC7 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CECC7 5%, #9BECDD 88%);

 

HEX #9CECC7 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CECC7 3%, #9BECDD 86%);

 

HEX #9BECDD zu HEX #9CECDC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 6%, #9CECDC 86%);

 

HEX #9BECDD zu HEX #9CECDC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 2%, #9CECDC 100%);

 

HEX #9CECDC zu HEX #9BECDD


CSS-Code:

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

 

HEX #9CECDC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CECDC 6%, #9BECDD 92%);

 

HEX #9BECDD zu HEX #9CE6EC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 11%, #9CE6EC 93%);

 

HEX #9BECDD zu HEX #9CE6EC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 7%, #9CE6EC 99%);

 

HEX #9CE6EC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CE6EC 5%, #9BECDD 97%);

 

HEX #9CE6EC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CE6EC 13%, #9BECDD 91%);

 

HEX #9BECDD zu HEX #9CD1EC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 10%, #9CD1EC 90%);

 

HEX #9BECDD zu HEX #9CD1EC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 1%, #9CD1EC 97%);

 

HEX #9CD1EC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CD1EC 10%, #9BECDD 98%);

 

HEX #9CD1EC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CD1EC 9%, #9BECDD 93%);

Linear

HEX #9BECDD zu HEX #79E5D1


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 4%, #79E5D1 88%);

Radial

HEX #9BECDD zu HEX #79E5D1


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 1%, #79E5D1 98%);

 

HEX #79E5D1 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #79E5D1 4%, #9BECDD 100%);

 

HEX #79E5D1 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #79E5D1 0%, #9BECDD 97%);

 

HEX #9BECDD zu HEX #9CECDD


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 9%, #9CECDD 97%);

 

HEX #9BECDD zu HEX #9CECDD


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 11%, #9CECDD 86%);

 

HEX #9CECDD zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CECDD 6%, #9BECDD 95%);

 

HEX #9CECDD zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CECDD 5%, #9BECDD 99%);

 

HEX #9BECDD zu HEX #BFF2E9


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 9%, #BFF2E9 99%);

 

HEX #9BECDD zu HEX #BFF2E9


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 13%, #BFF2E9 90%);

 

HEX #BFF2E9 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #BFF2E9 12%, #9BECDD 91%);

 

HEX #BFF2E9 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #BFF2E9 3%, #9BECDD 95%);

 

HEX #9BECDD zu HEX #E1F9F5


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 1%, #E1F9F5 99%);

 

HEX #9BECDD zu HEX #E1F9F5


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 7%, #E1F9F5 100%);

 

HEX #E1F9F5 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #E1F9F5 11%, #9BECDD 90%);

 

HEX #E1F9F5 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #E1F9F5 14%, #9BECDD 87%);

Linear

HEX #9BECDD zu HEX #9CECC7


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 8%, #9CECC7 95%);

Radial

HEX #9BECDD zu HEX #9CECC7


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 12%, #9CECC7 87%);

 

HEX #9CECC7 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CECC7 7%, #9BECDD 92%);

 

HEX #9CECC7 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CECC7 6%, #9BECDD 88%);

 

HEX #9BECDD zu HEX #9CECDC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 12%, #9CECDC 94%);

 

HEX #9BECDD zu HEX #9CECDC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 1%, #9CECDC 94%);

 

HEX #9CECDC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CECDC 4%, #9BECDD 88%);

 

HEX #9CECDC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CECDC 10%, #9BECDD 93%);

 

HEX #9BECDD zu HEX #9CE6EC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 0%, #9CE6EC 98%);

 

HEX #9BECDD zu HEX #9CE6EC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 11%, #9CE6EC 92%);

 

HEX #9CE6EC zu HEX #9BECDD


CSS-Code:

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

 

HEX #9CE6EC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CE6EC 2%, #9BECDD 97%);

 

HEX #9BECDD zu HEX #9CD1EC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 7%, #9CD1EC 86%);

 

HEX #9BECDD zu HEX #9CD1EC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 6%, #9CD1EC 94%);

 

HEX #9CD1EC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CD1EC 1%, #9BECDD 100%);

 

HEX #9CD1EC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CD1EC 10%, #9BECDD 91%);

Linear

HEX #9BECDD zu HEX #79E5D1


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 9%, #79E5D1 97%);

Radial

HEX #9BECDD zu HEX #79E5D1


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 12%, #79E5D1 91%);

 

HEX #79E5D1 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #79E5D1 13%, #9BECDD 92%);

 

HEX #79E5D1 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #79E5D1 5%, #9BECDD 90%);

 

HEX #9BECDD zu HEX #9CECDD


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 3%, #9CECDD 100%);

 

HEX #9BECDD zu HEX #9CECDD


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 0%, #9CECDD 98%);

 

HEX #9CECDD zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9CECDD 7%, #9BECDD 88%);

 

HEX #9CECDD zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9CECDD 6%, #9BECDD 98%);

 

HEX #9BECDD zu HEX #BFF2E9


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 11%, #BFF2E9 98%);

 

HEX #9BECDD zu HEX #BFF2E9


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 5%, #BFF2E9 89%);

 

HEX #BFF2E9 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #BFF2E9 2%, #9BECDD 98%);

 

HEX #BFF2E9 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #BFF2E9 14%, #9BECDD 88%);

 

HEX #9BECDD zu HEX #E1F9F5


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 4%, #E1F9F5 97%);

 

HEX #9BECDD zu HEX #E1F9F5


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 4%, #E1F9F5 89%);

 

HEX #E1F9F5 zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #E1F9F5 13%, #9BECDD 92%);

 

HEX #E1F9F5 zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #E1F9F5 1%, #9BECDD 86%);

Linear

HEX #9BECDD zu HEX #9C9CEC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 2%, #9C9CEC 91%);

Radial

HEX #9BECDD zu HEX #9C9CEC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 12%, #9C9CEC 94%);

 

HEX #9C9CEC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9C9CEC 10%, #9BECDD 97%);

 

HEX #9C9CEC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9C9CEC 1%, #9BECDD 94%);

 

HEX #9BECDD zu HEX #ECBC9C


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 6%, #ECBC9C 91%);

 

HEX #9BECDD zu HEX #ECBC9C


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 10%, #ECBC9C 93%);

 

HEX #ECBC9C zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #ECBC9C 1%, #9BECDD 88%);

 

HEX #ECBC9C zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #ECBC9C 13%, #9BECDD 96%);

Linear

HEX #9BECDD zu HEX #DC9CEC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 6%, #DC9CEC 91%);

Radial

HEX #9BECDD zu HEX #DC9CEC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 7%, #DC9CEC 94%);

 

HEX #DC9CEC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #DC9CEC 11%, #9BECDD 86%);

 

HEX #DC9CEC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #DC9CEC 6%, #9BECDD 87%);

 

HEX #9BECDD zu HEX #ECDC9C


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 12%, #ECDC9C 92%);

 

HEX #9BECDD zu HEX #ECDC9C


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 14%, #ECDC9C 98%);

 

HEX #ECDC9C zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #ECDC9C 14%, #9BECDD 96%);

 

HEX #ECDC9C zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #ECDC9C 14%, #9BECDD 91%);

Linear

HEX #9BECDD zu HEX #9C9CEC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 10%, #9C9CEC 97%);

Radial

HEX #9BECDD zu HEX #9C9CEC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 2%, #9C9CEC 89%);

 

HEX #9C9CEC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #9C9CEC 5%, #9BECDD 100%);

 

HEX #9C9CEC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #9C9CEC 8%, #9BECDD 90%);

 

HEX #9BECDD zu HEX #EC9CAC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 1%, #EC9CAC 99%);

 

HEX #9BECDD zu HEX #EC9CAC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 8%, #EC9CAC 91%);

 

HEX #EC9CAC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #EC9CAC 14%, #9BECDD 99%);

 

HEX #EC9CAC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #EC9CAC 14%, #9BECDD 99%);

 

HEX #9BECDD zu HEX #ECEC9C


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 0%, #ECEC9C 88%);

 

HEX #9BECDD zu HEX #ECEC9C


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 14%, #ECEC9C 88%);

 

HEX #ECEC9C zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #ECEC9C 0%, #9BECDD 98%);

 

HEX #ECEC9C zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #ECEC9C 5%, #9BECDD 86%);

Linear

HEX #9BECDD zu HEX #B49CEC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 7%, #B49CEC 93%);

Radial

HEX #9BECDD zu HEX #B49CEC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 9%, #B49CEC 88%);

 

HEX #B49CEC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #B49CEC 3%, #9BECDD 99%);

 

HEX #B49CEC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #B49CEC 2%, #9BECDD 91%);

 

HEX #9BECDD zu HEX #EC9CAC


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 14%, #EC9CAC 96%);

 

HEX #9BECDD zu HEX #EC9CAC


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 7%, #EC9CAC 92%);

 

HEX #EC9CAC zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #EC9CAC 3%, #9BECDD 88%);

 

HEX #EC9CAC zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #EC9CAC 2%, #9BECDD 96%);

 

HEX #9BECDD zu HEX #D4EC9C


CSS-Code:

background-image: linear-gradient(135deg, #9BECDD 7%, #D4EC9C 92%);

 

HEX #9BECDD zu HEX #D4EC9C


CSS-Code:

background-image: radial-gradient(circle, #9BECDD 8%, #D4EC9C 92%);

 

HEX #D4EC9C zu HEX #9BECDD


CSS-Code:

background-image: linear-gradient(135deg, #D4EC9C 8%, #9BECDD 87%);

 

HEX #D4EC9C zu HEX #9BECDD


CSS-Code:

background-image: radial-gradient(circle, #D4EC9C 12%, #9BECDD 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

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