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

✕

CSS Gradienten:
#BBAC6C

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 187 Rot, 172 Grün und 108 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.
187 172 108 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 8 Magenta, 42 Gelb und 27 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% 8% 42% 27% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BBAC6C zu HEX #445393


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 14%, #445393 87%);

Radial

HEX #BBAC6C zu HEX #445393


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 3%, #445393 93%);

 

HEX #445393 zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #445393 2%, #BBAC6C 94%);

 

HEX #445393 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #445393 4%, #BBAC6C 97%);

Linear

HEX #BBAC6C zu HEX #BB966C


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 7%, #BB966C 98%);

Radial

HEX #BBAC6C zu HEX #BB966C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 13%, #BB966C 93%);

 

HEX #BB966C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #BB966C 8%, #BBAC6C 97%);

 

HEX #BB966C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #BB966C 6%, #BBAC6C 86%);

 

HEX #BBAC6C zu HEX #BBAB6C


CSS-Code:

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

 

HEX #BBAC6C zu HEX #BBAB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 5%, #BBAB6C 97%);

 

HEX #BBAB6C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #BBAB6C 8%, #BBAC6C 97%);

 

HEX #BBAB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #BBAB6C 4%, #BBAC6C 95%);

 

HEX #BBAC6C zu HEX #B6BB6C


CSS-Code:

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

 

HEX #BBAC6C zu HEX #B6BB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 13%, #B6BB6C 91%);

 

HEX #B6BB6C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #B6BB6C 6%, #BBAC6C 98%);

 

HEX #B6BB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #B6BB6C 2%, #BBAC6C 100%);

 

HEX #BBAC6C zu HEX #A1BB6C


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 11%, #A1BB6C 87%);

 

HEX #BBAC6C zu HEX #A1BB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 8%, #A1BB6C 92%);

 

HEX #A1BB6C zu HEX #BBAC6C


CSS-Code:

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

 

HEX #A1BB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #A1BB6C 9%, #BBAC6C 94%);

Linear

HEX #BBAC6C zu HEX #AE9C50


CSS-Code:

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

Radial

HEX #BBAC6C zu HEX #AE9C50


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 13%, #AE9C50 87%);

 

HEX #AE9C50 zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #AE9C50 5%, #BBAC6C 91%);

 

HEX #AE9C50 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #AE9C50 10%, #BBAC6C 91%);

 

HEX #BBAC6C zu HEX #C8BC88


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 6%, #C8BC88 88%);

 

HEX #BBAC6C zu HEX #C8BC88


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 10%, #C8BC88 97%);

 

HEX #C8BC88 zu HEX #BBAC6C


CSS-Code:

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

 

HEX #C8BC88 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #C8BC88 13%, #BBAC6C 94%);

 

HEX #BBAC6C zu HEX #D5CCA4


CSS-Code:

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

 

HEX #BBAC6C zu HEX #D5CCA4


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 6%, #D5CCA4 95%);

 

HEX #D5CCA4 zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #D5CCA4 3%, #BBAC6C 94%);

 

HEX #D5CCA4 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #D5CCA4 2%, #BBAC6C 88%);

Linear

HEX #BBAC6C zu HEX #BB966C


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 13%, #BB966C 92%);

Radial

HEX #BBAC6C zu HEX #BB966C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 12%, #BB966C 90%);

 

HEX #BB966C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #BB966C 6%, #BBAC6C 94%);

 

HEX #BB966C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #BB966C 3%, #BBAC6C 92%);

 

HEX #BBAC6C zu HEX #BBAB6C


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 12%, #BBAB6C 94%);

 

HEX #BBAC6C zu HEX #BBAB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 7%, #BBAB6C 90%);

 

HEX #BBAB6C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #BBAB6C 7%, #BBAC6C 95%);

 

HEX #BBAB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #BBAB6C 9%, #BBAC6C 100%);

 

HEX #BBAC6C zu HEX #B6BB6C


CSS-Code:

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

 

HEX #BBAC6C zu HEX #B6BB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 9%, #B6BB6C 88%);

 

HEX #B6BB6C zu HEX #BBAC6C


CSS-Code:

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

 

HEX #B6BB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #B6BB6C 8%, #BBAC6C 99%);

 

HEX #BBAC6C zu HEX #A1BB6C


CSS-Code:

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

 

HEX #BBAC6C zu HEX #A1BB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 9%, #A1BB6C 87%);

 

HEX #A1BB6C zu HEX #BBAC6C


CSS-Code:

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

 

HEX #A1BB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #A1BB6C 8%, #BBAC6C 86%);

Linear

HEX #BBAC6C zu HEX #AE9C50


CSS-Code:

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

Radial

HEX #BBAC6C zu HEX #AE9C50


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 14%, #AE9C50 97%);

 

HEX #AE9C50 zu HEX #BBAC6C


CSS-Code:

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

 

HEX #AE9C50 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #AE9C50 14%, #BBAC6C 89%);

 

HEX #BBAC6C zu HEX #C8BC88


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 5%, #C8BC88 90%);

 

HEX #BBAC6C zu HEX #C8BC88


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 14%, #C8BC88 99%);

 

HEX #C8BC88 zu HEX #BBAC6C


CSS-Code:

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

 

HEX #C8BC88 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #C8BC88 0%, #BBAC6C 88%);

 

HEX #BBAC6C zu HEX #D5CCA4


CSS-Code:

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

 

HEX #BBAC6C zu HEX #D5CCA4


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 0%, #D5CCA4 86%);

 

HEX #D5CCA4 zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #D5CCA4 1%, #BBAC6C 91%);

 

HEX #D5CCA4 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #D5CCA4 8%, #BBAC6C 98%);

Linear

HEX #BBAC6C zu HEX #6CBB6C


CSS-Code:

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

Radial

HEX #BBAC6C zu HEX #6CBB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 0%, #6CBB6C 93%);

 

HEX #6CBB6C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #6CBB6C 14%, #BBAC6C 97%);

 

HEX #6CBB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #6CBB6C 11%, #BBAC6C 88%);

 

HEX #BBAC6C zu HEX #8B6CBB


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 1%, #8B6CBB 100%);

 

HEX #BBAC6C zu HEX #8B6CBB


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 1%, #8B6CBB 88%);

 

HEX #8B6CBB zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #8B6CBB 2%, #BBAC6C 95%);

 

HEX #8B6CBB zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #8B6CBB 3%, #BBAC6C 96%);

Linear

HEX #BBAC6C zu HEX #6CBBAB


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 2%, #6CBBAB 88%);

Radial

HEX #BBAC6C zu HEX #6CBBAB


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 2%, #6CBBAB 99%);

 

HEX #6CBBAB zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #6CBBAB 7%, #BBAC6C 90%);

 

HEX #6CBBAB zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #6CBBAB 12%, #BBAC6C 92%);

 

HEX #BBAC6C zu HEX #AB6CBB


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 0%, #AB6CBB 89%);

 

HEX #BBAC6C zu HEX #AB6CBB


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 12%, #AB6CBB 93%);

 

HEX #AB6CBB zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #AB6CBB 3%, #BBAC6C 94%);

 

HEX #AB6CBB zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #AB6CBB 1%, #BBAC6C 89%);

Linear

HEX #BBAC6C zu HEX #6CBB6C


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 12%, #6CBB6C 98%);

Radial

HEX #BBAC6C zu HEX #6CBB6C


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 12%, #6CBB6C 97%);

 

HEX #6CBB6C zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #6CBB6C 5%, #BBAC6C 88%);

 

HEX #6CBB6C zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #6CBB6C 4%, #BBAC6C 89%);

 

HEX #BBAC6C zu HEX #6C7CBB


CSS-Code:

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

 

HEX #BBAC6C zu HEX #6C7CBB


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 10%, #6C7CBB 95%);

 

HEX #6C7CBB zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #6C7CBB 14%, #BBAC6C 98%);

 

HEX #6C7CBB zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #6C7CBB 3%, #BBAC6C 88%);

 

HEX #BBAC6C zu HEX #BB6CBB


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 14%, #BB6CBB 95%);

 

HEX #BBAC6C zu HEX #BB6CBB


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 11%, #BB6CBB 96%);

 

HEX #BB6CBB zu HEX #BBAC6C


CSS-Code:

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

 

HEX #BB6CBB zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #BB6CBB 11%, #BBAC6C 88%);

Linear

HEX #BBAC6C zu HEX #6CBB84


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 14%, #6CBB84 98%);

Radial

HEX #BBAC6C zu HEX #6CBB84


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 7%, #6CBB84 88%);

 

HEX #6CBB84 zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #6CBB84 4%, #BBAC6C 87%);

 

HEX #6CBB84 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #6CBB84 1%, #BBAC6C 99%);

 

HEX #BBAC6C zu HEX #6C7CBB


CSS-Code:

background-image: linear-gradient(135deg, #BBAC6C 6%, #6C7CBB 97%);

 

HEX #BBAC6C zu HEX #6C7CBB


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 0%, #6C7CBB 99%);

 

HEX #6C7CBB zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #6C7CBB 12%, #BBAC6C 97%);

 

HEX #6C7CBB zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #6C7CBB 3%, #BBAC6C 98%);

 

HEX #BBAC6C zu HEX #BB6CA3


CSS-Code:

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

 

HEX #BBAC6C zu HEX #BB6CA3


CSS-Code:

background-image: radial-gradient(circle, #BBAC6C 5%, #BB6CA3 95%);

 

HEX #BB6CA3 zu HEX #BBAC6C


CSS-Code:

background-image: linear-gradient(135deg, #BB6CA3 1%, #BBAC6C 91%);

 

HEX #BB6CA3 zu HEX #BBAC6C


CSS-Code:

background-image: radial-gradient(circle, #BB6CA3 0%, #BBAC6C 94%);

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