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

✕

CSS Gradienten:
#245A08

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 gering sind, erscheint uns dieser Farbton dunkler.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #245A08 zu HEX #DBA5F7


CSS-Code:

background-image: linear-gradient(135deg, #245A08 3%, #DBA5F7 96%);

Radial

HEX #245A08 zu HEX #DBA5F7


CSS-Code:

background-image: radial-gradient(circle, #245A08 12%, #DBA5F7 94%);

 

HEX #DBA5F7 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #DBA5F7 7%, #245A08 100%);

 

HEX #DBA5F7 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #DBA5F7 12%, #245A08 94%);

Linear

HEX #245A08 zu HEX #395907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 3%, #395907 88%);

Radial

HEX #245A08 zu HEX #395907


CSS-Code:

background-image: radial-gradient(circle, #245A08 11%, #395907 87%);

 

HEX #395907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #395907 10%, #245A08 97%);

 

HEX #395907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #395907 3%, #245A08 89%);

 

HEX #245A08 zu HEX #245907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 3%, #245907 88%);

 

HEX #245A08 zu HEX #245907


CSS-Code:

background-image: radial-gradient(circle, #245A08 11%, #245907 100%);

 

HEX #245907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #245907 9%, #245A08 97%);

 

HEX #245907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #245907 4%, #245A08 100%);

 

HEX #245A08 zu HEX #0E5907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 7%, #0E5907 87%);

 

HEX #245A08 zu HEX #0E5907


CSS-Code:

background-image: radial-gradient(circle, #245A08 9%, #0E5907 87%);

 

HEX #0E5907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #0E5907 12%, #245A08 90%);

 

HEX #0E5907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #0E5907 8%, #245A08 99%);

 

HEX #245A08 zu HEX #075916


CSS-Code:

background-image: linear-gradient(135deg, #245A08 10%, #075916 87%);

 

HEX #245A08 zu HEX #075916


CSS-Code:

background-image: radial-gradient(circle, #245A08 13%, #075916 97%);

 

HEX #075916 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #075916 10%, #245A08 100%);

 

HEX #075916 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #075916 0%, #245A08 86%);

Linear

HEX #245A08 zu HEX #143304


CSS-Code:

background-image: linear-gradient(135deg, #245A08 9%, #143304 89%);

Radial

HEX #245A08 zu HEX #143304


CSS-Code:

background-image: radial-gradient(circle, #245A08 14%, #143304 99%);

 

HEX #143304 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #143304 9%, #245A08 95%);

 

HEX #143304 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #143304 14%, #245A08 89%);

 

HEX #245A08 zu HEX #235907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 5%, #235907 88%);

 

HEX #245A08 zu HEX #235907


CSS-Code:

background-image: radial-gradient(circle, #245A08 10%, #235907 86%);

 

HEX #235907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #235907 10%, #245A08 95%);

 

HEX #235907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #235907 5%, #245A08 87%);

 

HEX #245A08 zu HEX #327F0B


CSS-Code:

background-image: linear-gradient(135deg, #245A08 10%, #327F0B 95%);

 

HEX #245A08 zu HEX #327F0B


CSS-Code:

background-image: radial-gradient(circle, #245A08 5%, #327F0B 87%);

 

HEX #327F0B zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #327F0B 12%, #245A08 100%);

 

HEX #327F0B zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #327F0B 1%, #245A08 86%);

 

HEX #245A08 zu HEX #41A50E


CSS-Code:

background-image: linear-gradient(135deg, #245A08 3%, #41A50E 88%);

 

HEX #245A08 zu HEX #41A50E


CSS-Code:

background-image: radial-gradient(circle, #245A08 1%, #41A50E 100%);

 

HEX #41A50E zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #41A50E 12%, #245A08 88%);

 

HEX #41A50E zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #41A50E 5%, #245A08 91%);

Linear

HEX #245A08 zu HEX #395907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 1%, #395907 96%);

Radial

HEX #245A08 zu HEX #395907


CSS-Code:

background-image: radial-gradient(circle, #245A08 4%, #395907 98%);

 

HEX #395907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #395907 5%, #245A08 89%);

 

HEX #395907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #395907 1%, #245A08 91%);

 

HEX #245A08 zu HEX #245907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 4%, #245907 93%);

 

HEX #245A08 zu HEX #245907


CSS-Code:

background-image: radial-gradient(circle, #245A08 13%, #245907 91%);

 

HEX #245907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #245907 9%, #245A08 94%);

 

HEX #245907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #245907 8%, #245A08 92%);

 

HEX #245A08 zu HEX #0E5907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 6%, #0E5907 98%);

 

HEX #245A08 zu HEX #0E5907


CSS-Code:

background-image: radial-gradient(circle, #245A08 4%, #0E5907 99%);

 

HEX #0E5907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #0E5907 7%, #245A08 99%);

 

HEX #0E5907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #0E5907 12%, #245A08 100%);

 

HEX #245A08 zu HEX #075916


CSS-Code:

background-image: linear-gradient(135deg, #245A08 9%, #075916 97%);

 

HEX #245A08 zu HEX #075916


CSS-Code:

background-image: radial-gradient(circle, #245A08 2%, #075916 88%);

 

HEX #075916 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #075916 6%, #245A08 99%);

 

HEX #075916 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #075916 13%, #245A08 96%);

Linear

HEX #245A08 zu HEX #143304


CSS-Code:

background-image: linear-gradient(135deg, #245A08 6%, #143304 95%);

Radial

HEX #245A08 zu HEX #143304


CSS-Code:

background-image: radial-gradient(circle, #245A08 9%, #143304 91%);

 

HEX #143304 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #143304 12%, #245A08 94%);

 

HEX #143304 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #143304 5%, #245A08 92%);

 

HEX #245A08 zu HEX #235907


CSS-Code:

background-image: linear-gradient(135deg, #245A08 4%, #235907 88%);

 

HEX #245A08 zu HEX #235907


CSS-Code:

background-image: radial-gradient(circle, #245A08 12%, #235907 87%);

 

HEX #235907 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #235907 5%, #245A08 98%);

 

HEX #235907 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #235907 4%, #245A08 98%);

 

HEX #245A08 zu HEX #327F0B


CSS-Code:

background-image: linear-gradient(135deg, #245A08 10%, #327F0B 98%);

 

HEX #245A08 zu HEX #327F0B


CSS-Code:

background-image: radial-gradient(circle, #245A08 4%, #327F0B 86%);

 

HEX #327F0B zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #327F0B 12%, #245A08 93%);

 

HEX #327F0B zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #327F0B 7%, #245A08 100%);

 

HEX #245A08 zu HEX #41A50E


CSS-Code:

background-image: linear-gradient(135deg, #245A08 12%, #41A50E 87%);

 

HEX #245A08 zu HEX #41A50E


CSS-Code:

background-image: radial-gradient(circle, #245A08 6%, #41A50E 94%);

 

HEX #41A50E zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #41A50E 13%, #245A08 87%);

 

HEX #41A50E zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #41A50E 6%, #245A08 99%);

Linear

HEX #245A08 zu HEX #07594C


CSS-Code:

background-image: linear-gradient(135deg, #245A08 6%, #07594C 88%);

Radial

HEX #245A08 zu HEX #07594C


CSS-Code:

background-image: radial-gradient(circle, #245A08 1%, #07594C 90%);

 

HEX #07594C zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #07594C 10%, #245A08 97%);

 

HEX #07594C zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #07594C 9%, #245A08 86%);

 

HEX #245A08 zu HEX #590744


CSS-Code:

background-image: linear-gradient(135deg, #245A08 2%, #590744 98%);

 

HEX #245A08 zu HEX #590744


CSS-Code:

background-image: radial-gradient(circle, #245A08 6%, #590744 94%);

 

HEX #590744 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #590744 13%, #245A08 95%);

 

HEX #590744 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #590744 6%, #245A08 100%);

Linear

HEX #245A08 zu HEX #072459


CSS-Code:

background-image: linear-gradient(135deg, #245A08 12%, #072459 86%);

Radial

HEX #245A08 zu HEX #072459


CSS-Code:

background-image: radial-gradient(circle, #245A08 11%, #072459 96%);

 

HEX #072459 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #072459 12%, #245A08 87%);

 

HEX #072459 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #072459 5%, #245A08 87%);

 

HEX #245A08 zu HEX #590724


CSS-Code:

background-image: linear-gradient(135deg, #245A08 7%, #590724 91%);

 

HEX #245A08 zu HEX #590724


CSS-Code:

background-image: radial-gradient(circle, #245A08 14%, #590724 98%);

 

HEX #590724 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #590724 1%, #245A08 86%);

 

HEX #590724 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #590724 6%, #245A08 93%);

Linear

HEX #245A08 zu HEX #07594C


CSS-Code:

background-image: linear-gradient(135deg, #245A08 10%, #07594C 87%);

Radial

HEX #245A08 zu HEX #07594C


CSS-Code:

background-image: radial-gradient(circle, #245A08 6%, #07594C 89%);

 

HEX #07594C zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #07594C 13%, #245A08 99%);

 

HEX #07594C zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #07594C 10%, #245A08 92%);

 

HEX #245A08 zu HEX #3C0759


CSS-Code:

background-image: linear-gradient(135deg, #245A08 1%, #3C0759 89%);

 

HEX #245A08 zu HEX #3C0759


CSS-Code:

background-image: radial-gradient(circle, #245A08 14%, #3C0759 94%);

 

HEX #3C0759 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #3C0759 3%, #245A08 92%);

 

HEX #3C0759 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #3C0759 13%, #245A08 87%);

 

HEX #245A08 zu HEX #590713


CSS-Code:

background-image: linear-gradient(135deg, #245A08 12%, #590713 94%);

 

HEX #245A08 zu HEX #590713


CSS-Code:

background-image: radial-gradient(circle, #245A08 4%, #590713 87%);

 

HEX #590713 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #590713 7%, #245A08 94%);

 

HEX #590713 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #590713 6%, #245A08 87%);

Linear

HEX #245A08 zu HEX #074C59


CSS-Code:

background-image: linear-gradient(135deg, #245A08 6%, #074C59 98%);

Radial

HEX #245A08 zu HEX #074C59


CSS-Code:

background-image: radial-gradient(circle, #245A08 0%, #074C59 89%);

 

HEX #074C59 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #074C59 0%, #245A08 99%);

 

HEX #074C59 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #074C59 5%, #245A08 89%);

 

HEX #245A08 zu HEX #3C0759


CSS-Code:

background-image: linear-gradient(135deg, #245A08 6%, #3C0759 94%);

 

HEX #245A08 zu HEX #3C0759


CSS-Code:

background-image: radial-gradient(circle, #245A08 5%, #3C0759 98%);

 

HEX #3C0759 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #3C0759 9%, #245A08 91%);

 

HEX #3C0759 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #3C0759 8%, #245A08 86%);

 

HEX #245A08 zu HEX #591307


CSS-Code:

background-image: linear-gradient(135deg, #245A08 10%, #591307 88%);

 

HEX #245A08 zu HEX #591307


CSS-Code:

background-image: radial-gradient(circle, #245A08 6%, #591307 90%);

 

HEX #591307 zu HEX #245A08


CSS-Code:

background-image: linear-gradient(135deg, #591307 3%, #245A08 99%);

 

HEX #591307 zu HEX #245A08


CSS-Code:

background-image: radial-gradient(circle, #591307 11%, #245A08 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