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

CSS Gradienten:
#EDEBC9

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EDEBC9 zu HEX #121436


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 0%, #121436 87%);

Radial

HEX #EDEBC9 zu HEX #121436


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 10%, #121436 91%);

 

HEX #121436 zu HEX #EDEBC9


CSS-Code:

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

 

HEX #121436 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #121436 10%, #EDEBC9 100%);

Linear

HEX #EDEBC9 zu HEX #FFFDD7


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 3%, #FFFDD7 97%);

Radial

HEX #EDEBC9 zu HEX #FFFDD7


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 14%, #FFFDD7 99%);

 

HEX #FFFDD7 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #FFFDD7 8%, #EDEBC9 89%);

 

HEX #FFFDD7 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #FFFDD7 7%, #EDEBC9 95%);

 

HEX #EDEBC9 zu HEX #FFFFEA


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 9%, #FFFFEA 87%);

 

HEX #EDEBC9 zu HEX #FFFFEA


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 13%, #FFFFEA 94%);

 

HEX #FFFFEA zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #FFFFEA 11%, #EDEBC9 91%);

 

HEX #FFFFEA zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #FFFFEA 2%, #EDEBC9 92%);

 

HEX #EDEBC9 zu HEX #FFFFFD


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 10%, #FFFFFD 100%);

 

HEX #EDEBC9 zu HEX #FFFFFD


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 10%, #FFFFFD 87%);

 

HEX #FFFFFD zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #FFFFFD 3%, #EDEBC9 97%);

 

HEX #FFFFFD zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #FFFFFD 14%, #EDEBC9 88%);

Linear

HEX #EDEBC9 zu HEX #DCD9B6


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 3%, #DCD9B6 90%);

Radial

HEX #EDEBC9 zu HEX #DCD9B6


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 7%, #DCD9B6 94%);

 

HEX #DCD9B6 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #DCD9B6 12%, #EDEBC9 97%);

 

HEX #DCD9B6 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #DCD9B6 3%, #EDEBC9 86%);

 

HEX #EDEBC9 zu HEX #CBC7A3


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #CBC7A3


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 13%, #CBC7A3 99%);

 

HEX #CBC7A3 zu HEX #EDEBC9


CSS-Code:

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

 

HEX #CBC7A3 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #CBC7A3 3%, #EDEBC9 87%);

 

HEX #EDEBC9 zu HEX #BAB590


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #BAB590


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 12%, #BAB590 89%);

 

HEX #BAB590 zu HEX #EDEBC9


CSS-Code:

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

 

HEX #BAB590 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #BAB590 14%, #EDEBC9 90%);

 

HEX #EDEBC9 zu HEX #A9A37D


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 4%, #A9A37D 99%);

 

HEX #EDEBC9 zu HEX #A9A37D


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 2%, #A9A37D 95%);

 

HEX #A9A37D zu HEX #EDEBC9


CSS-Code:

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

 

HEX #A9A37D zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #A9A37D 8%, #EDEBC9 97%);

Linear

HEX #EDEBC9 zu HEX #E9EDC9


CSS-Code:

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

Radial

HEX #EDEBC9 zu HEX #E9EDC9


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 2%, #E9EDC9 87%);

 

HEX #E9EDC9 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #E9EDC9 5%, #EDEBC9 93%);

 

HEX #E9EDC9 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #E9EDC9 14%, #EDEBC9 86%);

 

HEX #EDEBC9 zu HEX #E3EDC9


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #E3EDC9


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 6%, #E3EDC9 87%);

 

HEX #E3EDC9 zu HEX #EDEBC9


CSS-Code:

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

 

HEX #E3EDC9 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #E3EDC9 2%, #EDEBC9 89%);

 

HEX #EDEBC9 zu HEX #DDEDC9


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 12%, #DDEDC9 93%);

 

HEX #EDEBC9 zu HEX #DDEDC9


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 8%, #DDEDC9 86%);

 

HEX #DDEDC9 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #DDEDC9 4%, #EDEBC9 97%);

 

HEX #DDEDC9 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #DDEDC9 11%, #EDEBC9 92%);

 

HEX #EDEBC9 zu HEX #D7EDC9


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 12%, #D7EDC9 100%);

 

HEX #EDEBC9 zu HEX #D7EDC9


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 11%, #D7EDC9 94%);

 

HEX #D7EDC9 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #D7EDC9 14%, #EDEBC9 93%);

 

HEX #D7EDC9 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #D7EDC9 7%, #EDEBC9 88%);

Linear

HEX #EDEBC9 zu HEX #21211C


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 11%, #21211C 87%);

Radial

HEX #EDEBC9 zu HEX #21211C


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 7%, #21211C 90%);

 

HEX #21211C zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #21211C 8%, #EDEBC9 94%);

 

HEX #21211C zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #21211C 14%, #EDEBC9 96%);

 

HEX #EDEBC9 zu HEX #545347


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #545347


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 9%, #545347 99%);

 

HEX #545347 zu HEX #EDEBC9


CSS-Code:

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

 

HEX #545347 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #545347 2%, #EDEBC9 91%);

 

HEX #EDEBC9 zu HEX #878672


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 10%, #878672 86%);

 

HEX #EDEBC9 zu HEX #878672


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 0%, #878672 100%);

 

HEX #878672 zu HEX #EDEBC9


CSS-Code:

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

 

HEX #878672 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #878672 1%, #EDEBC9 90%);

 

HEX #EDEBC9 zu HEX #BAB89E


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #BAB89E


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 6%, #BAB89E 88%);

 

HEX #BAB89E zu HEX #EDEBC9


CSS-Code:

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

 

HEX #BAB89E zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #BAB89E 0%, #EDEBC9 95%);

Linear

HEX #EDEBC9 zu HEX #C9EDCE


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 9%, #C9EDCE 94%);

Radial

HEX #EDEBC9 zu HEX #C9EDCE


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 0%, #C9EDCE 99%);

 

HEX #C9EDCE zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #C9EDCE 3%, #EDEBC9 91%);

 

HEX #C9EDCE zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #C9EDCE 11%, #EDEBC9 93%);

 

HEX #EDEBC9 zu HEX #DCC9ED


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 4%, #DCC9ED 92%);

 

HEX #EDEBC9 zu HEX #DCC9ED


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 12%, #DCC9ED 91%);

 

HEX #DCC9ED zu HEX #EDEBC9


CSS-Code:

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

 

HEX #DCC9ED zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #DCC9ED 9%, #EDEBC9 96%);

Linear

HEX #EDEBC9 zu HEX #C9EDEA


CSS-Code:

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

Radial

HEX #EDEBC9 zu HEX #C9EDEA


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 6%, #C9EDEA 89%);

 

HEX #C9EDEA zu HEX #EDEBC9


CSS-Code:

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

 

HEX #C9EDEA zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #C9EDEA 0%, #EDEBC9 89%);

 

HEX #EDEBC9 zu HEX #EAC9ED


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #EAC9ED


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 8%, #EAC9ED 91%);

 

HEX #EAC9ED zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #EAC9ED 1%, #EDEBC9 100%);

 

HEX #EAC9ED zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #EAC9ED 5%, #EDEBC9 87%);

Linear

HEX #EDEBC9 zu HEX #C9EDCE


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 8%, #C9EDCE 100%);

Radial

HEX #EDEBC9 zu HEX #C9EDCE


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 8%, #C9EDCE 90%);

 

HEX #C9EDCE zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #C9EDCE 14%, #EDEBC9 88%);

 

HEX #C9EDCE zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #C9EDCE 10%, #EDEBC9 89%);

 

HEX #EDEBC9 zu HEX #C9CBED


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #C9CBED


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 5%, #C9CBED 100%);

 

HEX #C9CBED zu HEX #EDEBC9


CSS-Code:

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

 

HEX #C9CBED zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #C9CBED 13%, #EDEBC9 93%);

 

HEX #EDEBC9 zu HEX #EDC9E8


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 1%, #EDC9E8 90%);

 

HEX #EDEBC9 zu HEX #EDC9E8


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 1%, #EDC9E8 97%);

 

HEX #EDC9E8 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #EDC9E8 9%, #EDEBC9 100%);

 

HEX #EDC9E8 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #EDC9E8 8%, #EDEBC9 96%);

Linear

HEX #EDEBC9 zu HEX #C9EDD8


CSS-Code:

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

Radial

HEX #EDEBC9 zu HEX #C9EDD8


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 14%, #C9EDD8 86%);

 

HEX #C9EDD8 zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #C9EDD8 7%, #EDEBC9 88%);

 

HEX #C9EDD8 zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #C9EDD8 13%, #EDEBC9 97%);

 

HEX #EDEBC9 zu HEX #C9CBED


CSS-Code:

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

 

HEX #EDEBC9 zu HEX #C9CBED


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 7%, #C9CBED 86%);

 

HEX #C9CBED zu HEX #EDEBC9


CSS-Code:

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

 

HEX #C9CBED zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #C9CBED 6%, #EDEBC9 87%);

 

HEX #EDEBC9 zu HEX #EDC9DD


CSS-Code:

background-image: linear-gradient(135deg, #EDEBC9 12%, #EDC9DD 93%);

 

HEX #EDEBC9 zu HEX #EDC9DD


CSS-Code:

background-image: radial-gradient(circle, #EDEBC9 8%, #EDC9DD 90%);

 

HEX #EDC9DD zu HEX #EDEBC9


CSS-Code:

background-image: linear-gradient(135deg, #EDC9DD 14%, #EDEBC9 88%);

 

HEX #EDC9DD zu HEX #EDEBC9


CSS-Code:

background-image: radial-gradient(circle, #EDC9DD 11%, #EDEBC9 92%);

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

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)

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

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)

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.