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

✕

CSS Gradienten:
#ABE5E7

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ABE5E7 zu HEX #541A18


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 13%, #541A18 98%);

Radial

HEX #ABE5E7 zu HEX #541A18


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 12%, #541A18 99%);

 

HEX #541A18 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #541A18 5%, #ABE5E7 95%);

 

HEX #541A18 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #541A18 8%, #ABE5E7 91%);

Linear

HEX #ABE5E7 zu HEX #ABE7D9


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 12%, #ABE7D9 99%);

Radial

HEX #ABE5E7 zu HEX #ABE7D9


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 12%, #ABE7D9 86%);

 

HEX #ABE7D9 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #ABE7D9 10%, #ABE5E7 93%);

 

HEX #ABE7D9 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #ABE7D9 5%, #ABE5E7 94%);

 

HEX #ABE5E7 zu HEX #ABD5E7


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 12%, #ABD5E7 95%);

 

HEX #ABE5E7 zu HEX #ABD5E7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 7%, #ABD5E7 88%);

 

HEX #ABD5E7 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #ABD5E7 13%, #ABE5E7 89%);

 

HEX #ABD5E7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #ABD5E7 12%, #ABE5E7 95%);

 

HEX #ABE5E7 zu HEX #ABC5E7


CSS-Code:

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

 

HEX #ABE5E7 zu HEX #ABC5E7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 2%, #ABC5E7 86%);

 

HEX #ABC5E7 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #ABC5E7 0%, #ABE5E7 88%);

 

HEX #ABC5E7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #ABC5E7 9%, #ABE5E7 98%);

Linear

HEX #ABE5E7 zu HEX #8BDBDE


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 7%, #8BDBDE 97%);

Radial

HEX #ABE5E7 zu HEX #8BDBDE


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 5%, #8BDBDE 87%);

 

HEX #8BDBDE zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #8BDBDE 11%, #ABE5E7 95%);

 

HEX #8BDBDE zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #8BDBDE 13%, #ABE5E7 91%);

 

HEX #ABE5E7 zu HEX #CBEFF0


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 13%, #CBEFF0 96%);

 

HEX #ABE5E7 zu HEX #CBEFF0


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 10%, #CBEFF0 93%);

 

HEX #CBEFF0 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #CBEFF0 1%, #ABE5E7 97%);

 

HEX #CBEFF0 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #CBEFF0 2%, #ABE5E7 95%);

 

HEX #ABE5E7 zu HEX #EBF9F9


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 5%, #EBF9F9 92%);

 

HEX #ABE5E7 zu HEX #EBF9F9


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 10%, #EBF9F9 97%);

 

HEX #EBF9F9 zu HEX #ABE5E7


CSS-Code:

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

 

HEX #EBF9F9 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #EBF9F9 5%, #ABE5E7 88%);

Linear

HEX #ABE5E7 zu HEX #ABE7D9


CSS-Code:

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

Radial

HEX #ABE5E7 zu HEX #ABE7D9


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 2%, #ABE7D9 100%);

 

HEX #ABE7D9 zu HEX #ABE5E7


CSS-Code:

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

 

HEX #ABE7D9 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #ABE7D9 4%, #ABE5E7 96%);

 

HEX #ABE5E7 zu HEX #ABD5E7


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 12%, #ABD5E7 95%);

 

HEX #ABE5E7 zu HEX #ABD5E7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 6%, #ABD5E7 89%);

 

HEX #ABD5E7 zu HEX #ABE5E7


CSS-Code:

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

 

HEX #ABD5E7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #ABD5E7 7%, #ABE5E7 95%);

 

HEX #ABE5E7 zu HEX #ABC5E7


CSS-Code:

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

 

HEX #ABE5E7 zu HEX #ABC5E7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 2%, #ABC5E7 88%);

 

HEX #ABC5E7 zu HEX #ABE5E7


CSS-Code:

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

 

HEX #ABC5E7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #ABC5E7 8%, #ABE5E7 97%);

Linear

HEX #ABE5E7 zu HEX #8BDBDE


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 3%, #8BDBDE 100%);

Radial

HEX #ABE5E7 zu HEX #8BDBDE


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 4%, #8BDBDE 90%);

 

HEX #8BDBDE zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #8BDBDE 7%, #ABE5E7 87%);

 

HEX #8BDBDE zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #8BDBDE 14%, #ABE5E7 87%);

 

HEX #ABE5E7 zu HEX #CBEFF0


CSS-Code:

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

 

HEX #ABE5E7 zu HEX #CBEFF0


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 11%, #CBEFF0 86%);

 

HEX #CBEFF0 zu HEX #ABE5E7


CSS-Code:

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

 

HEX #CBEFF0 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #CBEFF0 14%, #ABE5E7 91%);

 

HEX #ABE5E7 zu HEX #EBF9F9


CSS-Code:

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

 

HEX #ABE5E7 zu HEX #EBF9F9


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 7%, #EBF9F9 100%);

 

HEX #EBF9F9 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #EBF9F9 14%, #ABE5E7 89%);

 

HEX #EBF9F9 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #EBF9F9 10%, #ABE5E7 91%);

Linear

HEX #ABE5E7 zu HEX #B9ABE7


CSS-Code:

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

Radial

HEX #ABE5E7 zu HEX #B9ABE7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 9%, #B9ABE7 92%);

 

HEX #B9ABE7 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #B9ABE7 13%, #ABE5E7 100%);

 

HEX #B9ABE7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #B9ABE7 5%, #ABE5E7 87%);

 

HEX #ABE5E7 zu HEX #E7D1AB


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 1%, #E7D1AB 93%);

 

HEX #ABE5E7 zu HEX #E7D1AB


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 5%, #E7D1AB 98%);

 

HEX #E7D1AB zu HEX #ABE5E7


CSS-Code:

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

 

HEX #E7D1AB zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #E7D1AB 14%, #ABE5E7 89%);

Linear

HEX #ABE5E7 zu HEX #E7ABE5


CSS-Code:

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

Radial

HEX #ABE5E7 zu HEX #E7ABE5


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 12%, #E7ABE5 90%);

 

HEX #E7ABE5 zu HEX #ABE5E7


CSS-Code:

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

 

HEX #E7ABE5 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #E7ABE5 8%, #ABE5E7 100%);

 

HEX #ABE5E7 zu HEX #E5E7AB


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 5%, #E5E7AB 89%);

 

HEX #ABE5E7 zu HEX #E5E7AB


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 13%, #E5E7AB 86%);

 

HEX #E5E7AB zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #E5E7AB 14%, #ABE5E7 94%);

 

HEX #E5E7AB zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #E5E7AB 3%, #ABE5E7 88%);

Linear

HEX #ABE5E7 zu HEX #B9ABE7


CSS-Code:

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

Radial

HEX #ABE5E7 zu HEX #B9ABE7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 9%, #B9ABE7 90%);

 

HEX #B9ABE7 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #B9ABE7 3%, #ABE5E7 93%);

 

HEX #B9ABE7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #B9ABE7 1%, #ABE5E7 87%);

 

HEX #ABE5E7 zu HEX #E7ADAB


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 4%, #E7ADAB 100%);

 

HEX #ABE5E7 zu HEX #E7ADAB


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 3%, #E7ADAB 87%);

 

HEX #E7ADAB zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #E7ADAB 10%, #ABE5E7 91%);

 

HEX #E7ADAB zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #E7ADAB 12%, #ABE5E7 98%);

 

HEX #ABE5E7 zu HEX #D9E7AB


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 5%, #D9E7AB 92%);

 

HEX #ABE5E7 zu HEX #D9E7AB


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 1%, #D9E7AB 94%);

 

HEX #D9E7AB zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #D9E7AB 2%, #ABE5E7 87%);

 

HEX #D9E7AB zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #D9E7AB 1%, #ABE5E7 87%);

Linear

HEX #ABE5E7 zu HEX #CBABE7


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 10%, #CBABE7 94%);

Radial

HEX #ABE5E7 zu HEX #CBABE7


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 14%, #CBABE7 90%);

 

HEX #CBABE7 zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #CBABE7 14%, #ABE5E7 91%);

 

HEX #CBABE7 zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #CBABE7 6%, #ABE5E7 88%);

 

HEX #ABE5E7 zu HEX #E7ADAB


CSS-Code:

background-image: linear-gradient(135deg, #ABE5E7 0%, #E7ADAB 95%);

 

HEX #ABE5E7 zu HEX #E7ADAB


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 10%, #E7ADAB 89%);

 

HEX #E7ADAB zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #E7ADAB 13%, #ABE5E7 100%);

 

HEX #E7ADAB zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #E7ADAB 1%, #ABE5E7 87%);

 

HEX #ABE5E7 zu HEX #C7E7AB


CSS-Code:

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

 

HEX #ABE5E7 zu HEX #C7E7AB


CSS-Code:

background-image: radial-gradient(circle, #ABE5E7 13%, #C7E7AB 100%);

 

HEX #C7E7AB zu HEX #ABE5E7


CSS-Code:

background-image: linear-gradient(135deg, #C7E7AB 0%, #ABE5E7 94%);

 

HEX #C7E7AB zu HEX #ABE5E7


CSS-Code:

background-image: radial-gradient(circle, #C7E7AB 5%, #ABE5E7 93%);

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 - Designed by frag-bobby.de