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

CSS Gradienten:
#055372

Information

schließe alle

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.

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.

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #055372 zu HEX #FAAC8D


CSS-Code:

background-image: linear-gradient(135deg, #055372 6%, #FAAC8D 90%);

Radial

HEX #055372 zu HEX #FAAC8D


CSS-Code:

background-image: radial-gradient(circle, #055372 9%, #FAAC8D 86%);

 

HEX #FAAC8D zu HEX #055372


CSS-Code:

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

 

HEX #FAAC8D zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #FAAC8D 3%, #055372 93%);

Linear

HEX #055372 zu HEX #056F71


CSS-Code:

background-image: linear-gradient(135deg, #055372 4%, #056F71 88%);

Radial

HEX #055372 zu HEX #056F71


CSS-Code:

background-image: radial-gradient(circle, #055372 12%, #056F71 94%);

 

HEX #056F71 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #056F71 5%, #055372 97%);

 

HEX #056F71 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #056F71 0%, #055372 100%);

 

HEX #055372 zu HEX #055271


CSS-Code:

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

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: radial-gradient(circle, #055372 1%, #055271 95%);

 

HEX #055271 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #055271 4%, #055372 98%);

 

HEX #055271 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #055271 13%, #055372 86%);

 

HEX #055372 zu HEX #053571


CSS-Code:

background-image: linear-gradient(135deg, #055372 13%, #053571 89%);

 

HEX #055372 zu HEX #053571


CSS-Code:

background-image: radial-gradient(circle, #055372 8%, #053571 100%);

 

HEX #053571 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #053571 3%, #055372 96%);

 

HEX #053571 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #053571 14%, #055372 97%);

 

HEX #055372 zu HEX #051871


CSS-Code:

background-image: linear-gradient(135deg, #055372 9%, #051871 86%);

 

HEX #055372 zu HEX #051871


CSS-Code:

background-image: radial-gradient(circle, #055372 7%, #051871 87%);

 

HEX #051871 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #051871 5%, #055372 97%);

 

HEX #051871 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #051871 13%, #055372 95%);

Linear

HEX #055372 zu HEX #033549


CSS-Code:

background-image: linear-gradient(135deg, #055372 9%, #033549 95%);

Radial

HEX #055372 zu HEX #033549


CSS-Code:

background-image: radial-gradient(circle, #055372 9%, #033549 92%);

 

HEX #033549 zu HEX #055372


CSS-Code:

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

 

HEX #033549 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #033549 7%, #055372 94%);

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: linear-gradient(135deg, #055372 9%, #055271 91%);

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: radial-gradient(circle, #055372 12%, #055271 98%);

 

HEX #055271 zu HEX #055372


CSS-Code:

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

 

HEX #055271 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #055271 14%, #055372 95%);

 

HEX #055372 zu HEX #066F98


CSS-Code:

background-image: linear-gradient(135deg, #055372 3%, #066F98 93%);

 

HEX #055372 zu HEX #066F98


CSS-Code:

background-image: radial-gradient(circle, #055372 5%, #066F98 95%);

 

HEX #066F98 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #066F98 10%, #055372 95%);

 

HEX #066F98 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #066F98 14%, #055372 95%);

 

HEX #055372 zu HEX #088CC0


CSS-Code:

background-image: linear-gradient(135deg, #055372 1%, #088CC0 95%);

 

HEX #055372 zu HEX #088CC0


CSS-Code:

background-image: radial-gradient(circle, #055372 13%, #088CC0 98%);

 

HEX #088CC0 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #088CC0 11%, #055372 97%);

 

HEX #088CC0 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #088CC0 0%, #055372 87%);

Linear

HEX #055372 zu HEX #056F71


CSS-Code:

background-image: linear-gradient(135deg, #055372 14%, #056F71 90%);

Radial

HEX #055372 zu HEX #056F71


CSS-Code:

background-image: radial-gradient(circle, #055372 12%, #056F71 94%);

 

HEX #056F71 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #056F71 5%, #055372 92%);

 

HEX #056F71 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #056F71 7%, #055372 89%);

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: linear-gradient(135deg, #055372 0%, #055271 94%);

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: radial-gradient(circle, #055372 12%, #055271 100%);

 

HEX #055271 zu HEX #055372


CSS-Code:

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

 

HEX #055271 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #055271 7%, #055372 95%);

 

HEX #055372 zu HEX #053571


CSS-Code:

background-image: linear-gradient(135deg, #055372 2%, #053571 91%);

 

HEX #055372 zu HEX #053571


CSS-Code:

background-image: radial-gradient(circle, #055372 2%, #053571 94%);

 

HEX #053571 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #053571 0%, #055372 93%);

 

HEX #053571 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #053571 7%, #055372 92%);

 

HEX #055372 zu HEX #051871


CSS-Code:

background-image: linear-gradient(135deg, #055372 13%, #051871 90%);

 

HEX #055372 zu HEX #051871


CSS-Code:

background-image: radial-gradient(circle, #055372 1%, #051871 90%);

 

HEX #051871 zu HEX #055372


CSS-Code:

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

 

HEX #051871 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #051871 2%, #055372 95%);

Linear

HEX #055372 zu HEX #033549


CSS-Code:

background-image: linear-gradient(135deg, #055372 13%, #033549 96%);

Radial

HEX #055372 zu HEX #033549


CSS-Code:

background-image: radial-gradient(circle, #055372 1%, #033549 97%);

 

HEX #033549 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #033549 5%, #055372 96%);

 

HEX #033549 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #033549 10%, #055372 89%);

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: linear-gradient(135deg, #055372 3%, #055271 98%);

 

HEX #055372 zu HEX #055271


CSS-Code:

background-image: radial-gradient(circle, #055372 6%, #055271 92%);

 

HEX #055271 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #055271 10%, #055372 93%);

 

HEX #055271 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #055271 2%, #055372 86%);

 

HEX #055372 zu HEX #066F98


CSS-Code:

background-image: linear-gradient(135deg, #055372 13%, #066F98 90%);

 

HEX #055372 zu HEX #066F98


CSS-Code:

background-image: radial-gradient(circle, #055372 11%, #066F98 95%);

 

HEX #066F98 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #066F98 0%, #055372 96%);

 

HEX #066F98 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #066F98 12%, #055372 98%);

 

HEX #055372 zu HEX #088CC0


CSS-Code:

background-image: linear-gradient(135deg, #055372 3%, #088CC0 93%);

 

HEX #055372 zu HEX #088CC0


CSS-Code:

background-image: radial-gradient(circle, #055372 8%, #088CC0 91%);

 

HEX #088CC0 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #088CC0 14%, #055372 94%);

 

HEX #088CC0 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #088CC0 3%, #055372 95%);

Linear

HEX #055372 zu HEX #390571


CSS-Code:

background-image: linear-gradient(135deg, #055372 4%, #390571 90%);

Radial

HEX #055372 zu HEX #390571


CSS-Code:

background-image: radial-gradient(circle, #055372 1%, #390571 99%);

 

HEX #390571 zu HEX #055372


CSS-Code:

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

 

HEX #390571 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #390571 1%, #055372 97%);

 

HEX #055372 zu HEX #716405


CSS-Code:

background-image: linear-gradient(135deg, #055372 7%, #716405 96%);

 

HEX #055372 zu HEX #716405


CSS-Code:

background-image: radial-gradient(circle, #055372 6%, #716405 97%);

 

HEX #716405 zu HEX #055372


CSS-Code:

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

 

HEX #716405 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #716405 6%, #055372 98%);

Linear

HEX #055372 zu HEX #710552


CSS-Code:

background-image: linear-gradient(135deg, #055372 0%, #710552 90%);

Radial

HEX #055372 zu HEX #710552


CSS-Code:

background-image: radial-gradient(circle, #055372 9%, #710552 86%);

 

HEX #710552 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #710552 1%, #055372 95%);

 

HEX #710552 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #710552 14%, #055372 92%);

 

HEX #055372 zu HEX #527105


CSS-Code:

background-image: linear-gradient(135deg, #055372 5%, #527105 89%);

 

HEX #055372 zu HEX #527105


CSS-Code:

background-image: radial-gradient(circle, #055372 3%, #527105 90%);

 

HEX #527105 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #527105 5%, #055372 94%);

 

HEX #527105 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #527105 6%, #055372 92%);

Linear

HEX #055372 zu HEX #390571


CSS-Code:

background-image: linear-gradient(135deg, #055372 7%, #390571 92%);

Radial

HEX #055372 zu HEX #390571


CSS-Code:

background-image: radial-gradient(circle, #055372 12%, #390571 94%);

 

HEX #390571 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #390571 14%, #055372 92%);

 

HEX #390571 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #390571 2%, #055372 88%);

 

HEX #055372 zu HEX #712305


CSS-Code:

background-image: linear-gradient(135deg, #055372 4%, #712305 93%);

 

HEX #055372 zu HEX #712305


CSS-Code:

background-image: radial-gradient(circle, #055372 10%, #712305 94%);

 

HEX #712305 zu HEX #055372


CSS-Code:

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

 

HEX #712305 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #712305 3%, #055372 87%);

 

HEX #055372 zu HEX #3C7105


CSS-Code:

background-image: linear-gradient(135deg, #055372 7%, #3C7105 98%);

 

HEX #055372 zu HEX #3C7105


CSS-Code:

background-image: radial-gradient(circle, #055372 9%, #3C7105 90%);

 

HEX #3C7105 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #3C7105 8%, #055372 100%);

 

HEX #3C7105 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #3C7105 0%, #055372 97%);

Linear

HEX #055372 zu HEX #590571


CSS-Code:

background-image: linear-gradient(135deg, #055372 8%, #590571 87%);

Radial

HEX #055372 zu HEX #590571


CSS-Code:

background-image: radial-gradient(circle, #055372 9%, #590571 88%);

 

HEX #590571 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #590571 1%, #055372 95%);

 

HEX #590571 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #590571 13%, #055372 99%);

 

HEX #055372 zu HEX #712305


CSS-Code:

background-image: linear-gradient(135deg, #055372 11%, #712305 99%);

 

HEX #055372 zu HEX #712305


CSS-Code:

background-image: radial-gradient(circle, #055372 2%, #712305 89%);

 

HEX #712305 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #712305 14%, #055372 99%);

 

HEX #712305 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #712305 2%, #055372 99%);

 

HEX #055372 zu HEX #1C7105


CSS-Code:

background-image: linear-gradient(135deg, #055372 10%, #1C7105 91%);

 

HEX #055372 zu HEX #1C7105


CSS-Code:

background-image: radial-gradient(circle, #055372 13%, #1C7105 100%);

 

HEX #1C7105 zu HEX #055372


CSS-Code:

background-image: linear-gradient(135deg, #1C7105 10%, #055372 93%);

 

HEX #1C7105 zu HEX #055372


CSS-Code:

background-image: radial-gradient(circle, #1C7105 4%, #055372 89%);

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)

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.

Abbrechen Teilen

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

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

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