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

✕

CSS Gradienten:
#31494A

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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

Dunkle Farbe: niedrige Farbwerte wirken dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 49 Rot, 73 Grün und 74 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 34 Cyan, 1 Magenta, keine Gelb und 71 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #31494A - Komplementärfarbe

Linear

HEX #31494A zu HEX #CEB6B5

CSS-Code:

background-image: linear-gradient(135deg, #31494A 10%, #CEB6B5 94%);

Radial

HEX #31494A zu HEX #CEB6B5

CSS-Code:

background-image: radial-gradient(circle, #31494A 9%, #CEB6B5 89%);

HEX #CEB6B5 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #CEB6B5 11%, #31494A 91%);

HEX #CEB6B5 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #CEB6B5 3%, #31494A 100%);

2-Farben Gradienten von #31494A - Hellere Farbtöne

Linear

HEX #31494A zu HEX #314944

CSS-Code:

background-image: linear-gradient(135deg, #31494A 1%, #314944 91%);

Radial

HEX #31494A zu HEX #314944

CSS-Code:

background-image: radial-gradient(circle, #31494A 1%, #314944 94%);

HEX #314944 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314944 1%, #31494A 95%);

HEX #314944 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314944 6%, #31494A 95%);

HEX #31494A zu HEX #314949

CSS-Code:

background-image: linear-gradient(135deg, #31494A 2%, #314949 88%);

HEX #31494A zu HEX #314949

CSS-Code:

background-image: radial-gradient(circle, #31494A 14%, #314949 88%);

HEX #314949 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314949 2%, #31494A 90%);

HEX #314949 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314949 11%, #31494A 89%);

HEX #31494A zu HEX #314249

CSS-Code:

background-image: linear-gradient(135deg, #31494A 4%, #314249 90%);

HEX #31494A zu HEX #314249

CSS-Code:

background-image: radial-gradient(circle, #31494A 2%, #314249 87%);

HEX #314249 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314249 7%, #31494A 90%);

HEX #314249 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314249 1%, #31494A 98%);

HEX #31494A zu HEX #313C49

CSS-Code:

background-image: linear-gradient(135deg, #31494A 10%, #313C49 100%);

HEX #31494A zu HEX #313C49

CSS-Code:

background-image: radial-gradient(circle, #31494A 10%, #313C49 89%);

HEX #313C49 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #313C49 1%, #31494A 88%);

HEX #313C49 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #313C49 12%, #31494A 91%);

2-Farben Gradienten von #31494A - Dunklere Farbtöne

Linear

HEX #31494A zu HEX #203031

CSS-Code:

background-image: linear-gradient(135deg, #31494A 5%, #203031 91%);

Radial

HEX #31494A zu HEX #203031

CSS-Code:

background-image: radial-gradient(circle, #31494A 11%, #203031 87%);

HEX #203031 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #203031 2%, #31494A 96%);

HEX #203031 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #203031 9%, #31494A 94%);

HEX #31494A zu HEX #314849

CSS-Code:

background-image: linear-gradient(135deg, #31494A 5%, #314849 100%);

HEX #31494A zu HEX #314849

CSS-Code:

background-image: radial-gradient(circle, #31494A 7%, #314849 94%);

HEX #314849 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314849 3%, #31494A 91%);

HEX #314849 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314849 1%, #31494A 97%);

HEX #31494A zu HEX #416162

CSS-Code:

background-image: linear-gradient(135deg, #31494A 6%, #416162 99%);

HEX #31494A zu HEX #416162

CSS-Code:

background-image: radial-gradient(circle, #31494A 11%, #416162 97%);

HEX #416162 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #416162 5%, #31494A 93%);

HEX #416162 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #416162 9%, #31494A 93%);

HEX #31494A zu HEX #52797B

CSS-Code:

background-image: linear-gradient(135deg, #31494A 8%, #52797B 86%);

HEX #31494A zu HEX #52797B

CSS-Code:

background-image: radial-gradient(circle, #31494A 3%, #52797B 97%);

HEX #52797B zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #52797B 7%, #31494A 95%);

HEX #52797B zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #52797B 14%, #31494A 99%);

2-Farben Gradienten von #31494A - Analoge Farben

Linear

HEX #31494A zu HEX #314944

CSS-Code:

background-image: linear-gradient(135deg, #31494A 11%, #314944 100%);

Radial

HEX #31494A zu HEX #314944

CSS-Code:

background-image: radial-gradient(circle, #31494A 11%, #314944 92%);

HEX #314944 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314944 1%, #31494A 95%);

HEX #314944 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314944 3%, #31494A 97%);

HEX #31494A zu HEX #314949

CSS-Code:

background-image: linear-gradient(135deg, #31494A 8%, #314949 96%);

HEX #31494A zu HEX #314949

CSS-Code:

background-image: radial-gradient(circle, #31494A 4%, #314949 96%);

HEX #314949 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314949 3%, #31494A 89%);

HEX #314949 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314949 6%, #31494A 98%);

HEX #31494A zu HEX #314249

CSS-Code:

background-image: linear-gradient(135deg, #31494A 13%, #314249 98%);

HEX #31494A zu HEX #314249

CSS-Code:

background-image: radial-gradient(circle, #31494A 9%, #314249 88%);

HEX #314249 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314249 1%, #31494A 90%);

HEX #314249 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314249 9%, #31494A 86%);

HEX #31494A zu HEX #313C49

CSS-Code:

background-image: linear-gradient(135deg, #31494A 8%, #313C49 100%);

HEX #31494A zu HEX #313C49

CSS-Code:

background-image: radial-gradient(circle, #31494A 13%, #313C49 92%);

HEX #313C49 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #313C49 6%, #31494A 92%);

HEX #313C49 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #313C49 4%, #31494A 89%);

2-Farben Gradienten von #31494A - Monochromatische Farben

Linear

HEX #31494A zu HEX #203031

CSS-Code:

background-image: linear-gradient(135deg, #31494A 3%, #203031 91%);

Radial

HEX #31494A zu HEX #203031

CSS-Code:

background-image: radial-gradient(circle, #31494A 13%, #203031 86%);

HEX #203031 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #203031 11%, #31494A 88%);

HEX #203031 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #203031 1%, #31494A 92%);

HEX #31494A zu HEX #314849

CSS-Code:

background-image: linear-gradient(135deg, #31494A 0%, #314849 90%);

HEX #31494A zu HEX #314849

CSS-Code:

background-image: radial-gradient(circle, #31494A 2%, #314849 91%);

HEX #314849 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #314849 10%, #31494A 91%);

HEX #314849 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #314849 7%, #31494A 100%);

HEX #31494A zu HEX #416162

CSS-Code:

background-image: linear-gradient(135deg, #31494A 14%, #416162 92%);

HEX #31494A zu HEX #416162

CSS-Code:

background-image: radial-gradient(circle, #31494A 9%, #416162 99%);

HEX #416162 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #416162 12%, #31494A 87%);

HEX #416162 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #416162 11%, #31494A 93%);

HEX #31494A zu HEX #52797B

CSS-Code:

background-image: linear-gradient(135deg, #31494A 9%, #52797B 86%);

HEX #31494A zu HEX #52797B

CSS-Code:

background-image: radial-gradient(circle, #31494A 1%, #52797B 88%);

HEX #52797B zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #52797B 14%, #31494A 89%);

HEX #52797B zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #52797B 6%, #31494A 96%);

2-Farben Gradienten von #31494A - Teilkomplementär Farben

Linear

HEX #31494A zu HEX #373149

CSS-Code:

background-image: linear-gradient(135deg, #31494A 9%, #373149 88%);

Radial

HEX #31494A zu HEX #373149

CSS-Code:

background-image: radial-gradient(circle, #31494A 7%, #373149 91%);

HEX #373149 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #373149 8%, #31494A 86%);

HEX #373149 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #373149 5%, #31494A 92%);

HEX #31494A zu HEX #494031

CSS-Code:

background-image: linear-gradient(135deg, #31494A 2%, #494031 94%);

HEX #31494A zu HEX #494031

CSS-Code:

background-image: radial-gradient(circle, #31494A 11%, #494031 94%);

HEX #494031 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #494031 0%, #31494A 95%);

HEX #494031 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #494031 0%, #31494A 87%);

2-Farben Gradienten von #31494A - Triadische Farben

Linear

HEX #31494A zu HEX #493149

CSS-Code:

background-image: linear-gradient(135deg, #31494A 0%, #493149 95%);

Radial

HEX #31494A zu HEX #493149

CSS-Code:

background-image: radial-gradient(circle, #31494A 3%, #493149 94%);

HEX #493149 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #493149 8%, #31494A 98%);

HEX #493149 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #493149 13%, #31494A 87%);

HEX #31494A zu HEX #494931

CSS-Code:

background-image: linear-gradient(135deg, #31494A 6%, #494931 87%);

HEX #31494A zu HEX #494931

CSS-Code:

background-image: radial-gradient(circle, #31494A 0%, #494931 100%);

HEX #494931 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #494931 6%, #31494A 98%);

HEX #494931 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #494931 10%, #31494A 96%);

2-Farben Gradienten von #31494A - Rechteckige (Tetradische) Farben

Linear

HEX #31494A zu HEX #373149

CSS-Code:

background-image: linear-gradient(135deg, #31494A 0%, #373149 86%);

Radial

HEX #31494A zu HEX #373149

CSS-Code:

background-image: radial-gradient(circle, #31494A 8%, #373149 90%);

HEX #373149 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #373149 11%, #31494A 97%);

HEX #373149 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #373149 7%, #31494A 91%);

HEX #31494A zu HEX #493231

CSS-Code:

background-image: linear-gradient(135deg, #31494A 8%, #493231 88%);

HEX #31494A zu HEX #493231

CSS-Code:

background-image: radial-gradient(circle, #31494A 0%, #493231 99%);

HEX #493231 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #493231 0%, #31494A 100%);

HEX #493231 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #493231 13%, #31494A 99%);

HEX #31494A zu HEX #444931

CSS-Code:

background-image: linear-gradient(135deg, #31494A 14%, #444931 93%);

HEX #31494A zu HEX #444931

CSS-Code:

background-image: radial-gradient(circle, #31494A 4%, #444931 86%);

HEX #444931 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #444931 3%, #31494A 92%);

HEX #444931 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #444931 0%, #31494A 91%);

2-Farben Gradienten von #31494A - Quadratische Farben

Linear

HEX #31494A zu HEX #3E3149

CSS-Code:

background-image: linear-gradient(135deg, #31494A 6%, #3E3149 87%);

Radial

HEX #31494A zu HEX #3E3149

CSS-Code:

background-image: radial-gradient(circle, #31494A 12%, #3E3149 97%);

HEX #3E3149 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #3E3149 14%, #31494A 92%);

HEX #3E3149 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #3E3149 9%, #31494A 91%);

HEX #31494A zu HEX #493231

CSS-Code:

background-image: linear-gradient(135deg, #31494A 2%, #493231 89%);

HEX #31494A zu HEX #493231

CSS-Code:

background-image: radial-gradient(circle, #31494A 6%, #493231 86%);

HEX #493231 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #493231 4%, #31494A 98%);

HEX #493231 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #493231 10%, #31494A 97%);

HEX #31494A zu HEX #3C4931

CSS-Code:

background-image: linear-gradient(135deg, #31494A 3%, #3C4931 98%);

HEX #31494A zu HEX #3C4931

CSS-Code:

background-image: radial-gradient(circle, #31494A 4%, #3C4931 90%);

HEX #3C4931 zu HEX #31494A

CSS-Code:

background-image: linear-gradient(135deg, #3C4931 9%, #31494A 100%);

HEX #3C4931 zu HEX #31494A

CSS-Code:

background-image: radial-gradient(circle, #3C4931 9%, #31494A 91%);

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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Öffentlich

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

Ansehen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.