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

CSS Gradienten:
#232346

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #232346 zu HEX #DCDCB9


CSS-Code:

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

Radial

HEX #232346 zu HEX #DCDCB9


CSS-Code:

background-image: radial-gradient(circle, #232346 10%, #DCDCB9 92%);

 

HEX #DCDCB9 zu HEX #232346


CSS-Code:

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

 

HEX #DCDCB9 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #DCDCB9 0%, #232346 89%);

Linear

HEX #232346 zu HEX #393554


CSS-Code:

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

Radial

HEX #232346 zu HEX #393554


CSS-Code:

background-image: radial-gradient(circle, #232346 3%, #393554 93%);

 

HEX #393554 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #393554 4%, #232346 95%);

 

HEX #393554 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #393554 14%, #232346 92%);

 

HEX #232346 zu HEX #4A4767


CSS-Code:

background-image: linear-gradient(135deg, #232346 3%, #4A4767 96%);

 

HEX #232346 zu HEX #4A4767


CSS-Code:

background-image: radial-gradient(circle, #232346 5%, #4A4767 88%);

 

HEX #4A4767 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #4A4767 12%, #232346 95%);

 

HEX #4A4767 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #4A4767 12%, #232346 94%);

 

HEX #232346 zu HEX #5B597A


CSS-Code:

background-image: linear-gradient(135deg, #232346 7%, #5B597A 92%);

 

HEX #232346 zu HEX #5B597A


CSS-Code:

background-image: radial-gradient(circle, #232346 2%, #5B597A 92%);

 

HEX #5B597A zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #5B597A 14%, #232346 90%);

 

HEX #5B597A zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #5B597A 12%, #232346 96%);

 

HEX #232346 zu HEX #6C6B8D


CSS-Code:

background-image: linear-gradient(135deg, #232346 6%, #6C6B8D 93%);

 

HEX #232346 zu HEX #6C6B8D


CSS-Code:

background-image: radial-gradient(circle, #232346 5%, #6C6B8D 87%);

 

HEX #6C6B8D zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #6C6B8D 9%, #232346 93%);

 

HEX #6C6B8D zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #6C6B8D 2%, #232346 86%);

Linear

HEX #232346 zu HEX #121133


CSS-Code:

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

Radial

HEX #232346 zu HEX #121133


CSS-Code:

background-image: radial-gradient(circle, #232346 11%, #121133 87%);

 

HEX #121133 zu HEX #232346


CSS-Code:

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

 

HEX #121133 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #121133 11%, #232346 87%);

 

HEX #232346 zu HEX #010020


CSS-Code:

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

 

HEX #232346 zu HEX #010020


CSS-Code:

background-image: radial-gradient(circle, #232346 9%, #010020 100%);

 

HEX #010020 zu HEX #232346


CSS-Code:

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

 

HEX #010020 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #010020 12%, #232346 98%);

 

HEX #232346 zu HEX #00000D


CSS-Code:

background-image: linear-gradient(135deg, #232346 12%, #00000D 96%);

 

HEX #232346 zu HEX #00000D


CSS-Code:

background-image: radial-gradient(circle, #232346 9%, #00000D 98%);

 

HEX #00000D zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #00000D 14%, #232346 97%);

 

HEX #00000D zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #00000D 0%, #232346 94%);

Linear

HEX #232346 zu HEX #292347


CSS-Code:

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

Radial

HEX #232346 zu HEX #292347


CSS-Code:

background-image: radial-gradient(circle, #232346 14%, #292347 100%);

 

HEX #292347 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #292347 12%, #232346 91%);

 

HEX #292347 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #292347 1%, #232346 100%);

 

HEX #232346 zu HEX #2F2347


CSS-Code:

background-image: linear-gradient(135deg, #232346 14%, #2F2347 100%);

 

HEX #232346 zu HEX #2F2347


CSS-Code:

background-image: radial-gradient(circle, #232346 12%, #2F2347 87%);

 

HEX #2F2347 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #2F2347 8%, #232346 98%);

 

HEX #2F2347 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #2F2347 8%, #232346 88%);

 

HEX #232346 zu HEX #352347


CSS-Code:

background-image: linear-gradient(135deg, #232346 1%, #352347 88%);

 

HEX #232346 zu HEX #352347


CSS-Code:

background-image: radial-gradient(circle, #232346 6%, #352347 88%);

 

HEX #352347 zu HEX #232346


CSS-Code:

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

 

HEX #352347 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #352347 11%, #232346 95%);

 

HEX #232346 zu HEX #3B2347


CSS-Code:

background-image: linear-gradient(135deg, #232346 8%, #3B2347 94%);

 

HEX #232346 zu HEX #3B2347


CSS-Code:

background-image: radial-gradient(circle, #232346 12%, #3B2347 92%);

 

HEX #3B2347 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #3B2347 14%, #232346 100%);

 

HEX #3B2347 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #3B2347 9%, #232346 86%);

Linear

HEX #232346 zu HEX #3D3D79


CSS-Code:

background-image: linear-gradient(135deg, #232346 13%, #3D3D79 93%);

Radial

HEX #232346 zu HEX #3D3D79


CSS-Code:

background-image: radial-gradient(circle, #232346 0%, #3D3D79 100%);

 

HEX #3D3D79 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #3D3D79 2%, #232346 94%);

 

HEX #3D3D79 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #3D3D79 3%, #232346 89%);

 

HEX #232346 zu HEX #5656AC


CSS-Code:

background-image: linear-gradient(135deg, #232346 8%, #5656AC 97%);

 

HEX #232346 zu HEX #5656AC


CSS-Code:

background-image: radial-gradient(circle, #232346 12%, #5656AC 97%);

 

HEX #5656AC zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #5656AC 0%, #232346 86%);

 

HEX #5656AC zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #5656AC 12%, #232346 90%);

 

HEX #232346 zu HEX #7070DF


CSS-Code:

background-image: linear-gradient(135deg, #232346 12%, #7070DF 88%);

 

HEX #232346 zu HEX #7070DF


CSS-Code:

background-image: radial-gradient(circle, #232346 11%, #7070DF 90%);

 

HEX #7070DF zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #7070DF 6%, #232346 86%);

 

HEX #7070DF zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #7070DF 14%, #232346 92%);

 

HEX #232346 zu HEX #0A0A13


CSS-Code:

background-image: linear-gradient(135deg, #232346 3%, #0A0A13 98%);

 

HEX #232346 zu HEX #0A0A13


CSS-Code:

background-image: radial-gradient(circle, #232346 0%, #0A0A13 99%);

 

HEX #0A0A13 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #0A0A13 11%, #232346 91%);

 

HEX #0A0A13 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #0A0A13 1%, #232346 98%);

Linear

HEX #232346 zu HEX #472340


CSS-Code:

background-image: linear-gradient(135deg, #232346 7%, #472340 97%);

Radial

HEX #232346 zu HEX #472340


CSS-Code:

background-image: radial-gradient(circle, #232346 13%, #472340 92%);

 

HEX #472340 zu HEX #232346


CSS-Code:

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

 

HEX #472340 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #472340 7%, #232346 95%);

 

HEX #232346 zu HEX #324723


CSS-Code:

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

 

HEX #232346 zu HEX #324723


CSS-Code:

background-image: radial-gradient(circle, #232346 2%, #324723 90%);

 

HEX #324723 zu HEX #232346


CSS-Code:

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

 

HEX #324723 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #324723 0%, #232346 92%);

Linear

HEX #232346 zu HEX #472323


CSS-Code:

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

Radial

HEX #232346 zu HEX #472323


CSS-Code:

background-image: radial-gradient(circle, #232346 4%, #472323 88%);

 

HEX #472323 zu HEX #232346


CSS-Code:

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

 

HEX #472323 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #472323 5%, #232346 97%);

 

HEX #232346 zu HEX #234723


CSS-Code:

background-image: linear-gradient(135deg, #232346 13%, #234723 97%);

 

HEX #232346 zu HEX #234723


CSS-Code:

background-image: radial-gradient(circle, #232346 11%, #234723 98%);

 

HEX #234723 zu HEX #232346


CSS-Code:

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

 

HEX #234723 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #234723 4%, #232346 91%);

Linear

HEX #232346 zu HEX #472340


CSS-Code:

background-image: linear-gradient(135deg, #232346 12%, #472340 86%);

Radial

HEX #232346 zu HEX #472340


CSS-Code:

background-image: radial-gradient(circle, #232346 10%, #472340 94%);

 

HEX #472340 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #472340 8%, #232346 98%);

 

HEX #472340 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #472340 0%, #232346 88%);

 

HEX #232346 zu HEX #474723


CSS-Code:

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

 

HEX #232346 zu HEX #474723


CSS-Code:

background-image: radial-gradient(circle, #232346 8%, #474723 93%);

 

HEX #474723 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #474723 6%, #232346 86%);

 

HEX #474723 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #474723 12%, #232346 95%);

 

HEX #232346 zu HEX #23472A


CSS-Code:

background-image: linear-gradient(135deg, #232346 12%, #23472A 86%);

 

HEX #232346 zu HEX #23472A


CSS-Code:

background-image: radial-gradient(circle, #232346 8%, #23472A 99%);

 

HEX #23472A zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #23472A 14%, #232346 96%);

 

HEX #23472A zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #23472A 0%, #232346 90%);

Linear

HEX #232346 zu HEX #472335


CSS-Code:

background-image: linear-gradient(135deg, #232346 8%, #472335 91%);

Radial

HEX #232346 zu HEX #472335


CSS-Code:

background-image: radial-gradient(circle, #232346 10%, #472335 86%);

 

HEX #472335 zu HEX #232346


CSS-Code:

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

 

HEX #472335 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #472335 3%, #232346 92%);

 

HEX #232346 zu HEX #474723


CSS-Code:

background-image: linear-gradient(135deg, #232346 13%, #474723 95%);

 

HEX #232346 zu HEX #474723


CSS-Code:

background-image: radial-gradient(circle, #232346 1%, #474723 98%);

 

HEX #474723 zu HEX #232346


CSS-Code:

background-image: linear-gradient(135deg, #474723 13%, #232346 88%);

 

HEX #474723 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #474723 12%, #232346 89%);

 

HEX #232346 zu HEX #234735


CSS-Code:

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

 

HEX #232346 zu HEX #234735


CSS-Code:

background-image: radial-gradient(circle, #232346 3%, #234735 88%);

 

HEX #234735 zu HEX #232346


CSS-Code:

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

 

HEX #234735 zu HEX #232346


CSS-Code:

background-image: radial-gradient(circle, #234735 3%, #232346 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

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.