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

✕

CSS Gradienten:
#ADFAEB

Information

schließe alle

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 173 Rot, 250 Grün und 235 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.
173 250 235 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 31 Cyan, keine Magenta, 6 Gelb und 2 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.
31% 0% 6% 2% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ADFAEB zu HEX #520514


CSS-Code:

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

Radial

HEX #ADFAEB zu HEX #520514


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 9%, #520514 93%);

 

HEX #520514 zu HEX #ADFAEB


CSS-Code:

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

 

HEX #520514 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #520514 12%, #ADFAEB 95%);

Linear

HEX #ADFAEB zu HEX #ADFAD6


CSS-Code:

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

Radial

HEX #ADFAEB zu HEX #ADFAD6


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 2%, #ADFAD6 95%);

 

HEX #ADFAD6 zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #ADFAD6 10%, #ADFAEB 89%);

 

HEX #ADFAD6 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADFAD6 7%, #ADFAEB 95%);

 

HEX #ADFAEB zu HEX #ADF5FA


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 2%, #ADF5FA 92%);

 

HEX #ADFAEB zu HEX #ADF5FA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 7%, #ADF5FA 91%);

 

HEX #ADF5FA zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #ADF5FA 5%, #ADFAEB 86%);

 

HEX #ADF5FA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADF5FA 2%, #ADFAEB 98%);

 

HEX #ADFAEB zu HEX #ADE1FA


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 6%, #ADE1FA 95%);

 

HEX #ADFAEB zu HEX #ADE1FA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 11%, #ADE1FA 98%);

 

HEX #ADE1FA zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #ADE1FA 10%, #ADFAEB 89%);

 

HEX #ADE1FA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADE1FA 14%, #ADFAEB 87%);

Linear

HEX #ADFAEB zu HEX #86F8E2


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 4%, #86F8E2 89%);

Radial

HEX #ADFAEB zu HEX #86F8E2


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 11%, #86F8E2 95%);

 

HEX #86F8E2 zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #86F8E2 0%, #ADFAEB 91%);

 

HEX #86F8E2 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #86F8E2 5%, #ADFAEB 89%);

 

HEX #ADFAEB zu HEX #D4FDF5


CSS-Code:

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

 

HEX #ADFAEB zu HEX #D4FDF5


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 8%, #D4FDF5 99%);

 

HEX #D4FDF5 zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #D4FDF5 10%, #ADFAEB 90%);

 

HEX #D4FDF5 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #D4FDF5 5%, #ADFAEB 97%);

 

HEX #ADFAEB zu HEX #FBFFFE


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 11%, #FBFFFE 92%);

 

HEX #ADFAEB zu HEX #FBFFFE


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 5%, #FBFFFE 100%);

 

HEX #FBFFFE zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #FBFFFE 6%, #ADFAEB 95%);

 

HEX #FBFFFE zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FBFFFE 11%, #ADFAEB 97%);

Linear

HEX #ADFAEB zu HEX #ADFAD6


CSS-Code:

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

Radial

HEX #ADFAEB zu HEX #ADFAD6


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 3%, #ADFAD6 93%);

 

HEX #ADFAD6 zu HEX #ADFAEB


CSS-Code:

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

 

HEX #ADFAD6 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADFAD6 14%, #ADFAEB 92%);

 

HEX #ADFAEB zu HEX #ADF5FA


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 0%, #ADF5FA 96%);

 

HEX #ADFAEB zu HEX #ADF5FA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 13%, #ADF5FA 91%);

 

HEX #ADF5FA zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #ADF5FA 14%, #ADFAEB 98%);

 

HEX #ADF5FA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADF5FA 8%, #ADFAEB 100%);

 

HEX #ADFAEB zu HEX #ADE1FA


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 2%, #ADE1FA 91%);

 

HEX #ADFAEB zu HEX #ADE1FA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 9%, #ADE1FA 86%);

 

HEX #ADE1FA zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #ADE1FA 7%, #ADFAEB 99%);

 

HEX #ADE1FA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADE1FA 9%, #ADFAEB 95%);

Linear

HEX #ADFAEB zu HEX #86F8E2


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 10%, #86F8E2 95%);

Radial

HEX #ADFAEB zu HEX #86F8E2


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 12%, #86F8E2 86%);

 

HEX #86F8E2 zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #86F8E2 9%, #ADFAEB 87%);

 

HEX #86F8E2 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #86F8E2 3%, #ADFAEB 95%);

 

HEX #ADFAEB zu HEX #D4FDF5


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 7%, #D4FDF5 93%);

 

HEX #ADFAEB zu HEX #D4FDF5


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 10%, #D4FDF5 94%);

 

HEX #D4FDF5 zu HEX #ADFAEB


CSS-Code:

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

 

HEX #D4FDF5 zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #D4FDF5 14%, #ADFAEB 92%);

 

HEX #ADFAEB zu HEX #FBFFFE


CSS-Code:

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

 

HEX #ADFAEB zu HEX #FBFFFE


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 12%, #FBFFFE 93%);

 

HEX #FBFFFE zu HEX #ADFAEB


CSS-Code:

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

 

HEX #FBFFFE zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FBFFFE 12%, #ADFAEB 90%);

Linear

HEX #ADFAEB zu HEX #ADADFA


CSS-Code:

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

Radial

HEX #ADFAEB zu HEX #ADADFA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 14%, #ADADFA 96%);

 

HEX #ADADFA zu HEX #ADFAEB


CSS-Code:

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

 

HEX #ADADFA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADADFA 5%, #ADFAEB 100%);

 

HEX #ADFAEB zu HEX #FACCAD


CSS-Code:

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

 

HEX #ADFAEB zu HEX #FACCAD


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 10%, #FACCAD 94%);

 

HEX #FACCAD zu HEX #ADFAEB


CSS-Code:

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

 

HEX #FACCAD zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FACCAD 5%, #ADFAEB 93%);

Linear

HEX #ADFAEB zu HEX #EBADFA


CSS-Code:

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

Radial

HEX #ADFAEB zu HEX #EBADFA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 2%, #EBADFA 92%);

 

HEX #EBADFA zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #EBADFA 7%, #ADFAEB 93%);

 

HEX #EBADFA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #EBADFA 3%, #ADFAEB 97%);

 

HEX #ADFAEB zu HEX #FAEBAD


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 8%, #FAEBAD 99%);

 

HEX #ADFAEB zu HEX #FAEBAD


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 12%, #FAEBAD 100%);

 

HEX #FAEBAD zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #FAEBAD 6%, #ADFAEB 89%);

 

HEX #FAEBAD zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FAEBAD 7%, #ADFAEB 94%);

Linear

HEX #ADFAEB zu HEX #ADADFA


CSS-Code:

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

Radial

HEX #ADFAEB zu HEX #ADADFA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 2%, #ADADFA 88%);

 

HEX #ADADFA zu HEX #ADFAEB


CSS-Code:

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

 

HEX #ADADFA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #ADADFA 2%, #ADFAEB 100%);

 

HEX #ADFAEB zu HEX #FAADBD


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 1%, #FAADBD 98%);

 

HEX #ADFAEB zu HEX #FAADBD


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 6%, #FAADBD 96%);

 

HEX #FAADBD zu HEX #ADFAEB


CSS-Code:

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

 

HEX #FAADBD zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FAADBD 13%, #ADFAEB 98%);

 

HEX #ADFAEB zu HEX #FAFAAD


CSS-Code:

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

 

HEX #ADFAEB zu HEX #FAFAAD


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 12%, #FAFAAD 91%);

 

HEX #FAFAAD zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #FAFAAD 8%, #ADFAEB 93%);

 

HEX #FAFAAD zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FAFAAD 7%, #ADFAEB 98%);

Linear

HEX #ADFAEB zu HEX #C4ADFA


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 0%, #C4ADFA 100%);

Radial

HEX #ADFAEB zu HEX #C4ADFA


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 3%, #C4ADFA 94%);

 

HEX #C4ADFA zu HEX #ADFAEB


CSS-Code:

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

 

HEX #C4ADFA zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #C4ADFA 3%, #ADFAEB 97%);

 

HEX #ADFAEB zu HEX #FAADBD


CSS-Code:

background-image: linear-gradient(135deg, #ADFAEB 5%, #FAADBD 88%);

 

HEX #ADFAEB zu HEX #FAADBD


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 6%, #FAADBD 100%);

 

HEX #FAADBD zu HEX #ADFAEB


CSS-Code:

background-image: linear-gradient(135deg, #FAADBD 7%, #ADFAEB 91%);

 

HEX #FAADBD zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #FAADBD 5%, #ADFAEB 100%);

 

HEX #ADFAEB zu HEX #E3FAAD


CSS-Code:

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

 

HEX #ADFAEB zu HEX #E3FAAD


CSS-Code:

background-image: radial-gradient(circle, #ADFAEB 5%, #E3FAAD 90%);

 

HEX #E3FAAD zu HEX #ADFAEB


CSS-Code:

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

 

HEX #E3FAAD zu HEX #ADFAEB


CSS-Code:

background-image: radial-gradient(circle, #E3FAAD 1%, #ADFAEB 99%);

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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.

© 2019-2026 - Designed by frag-bobby.de