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

CSS Gradienten:
#B51653

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #B51653 zu HEX #4AE9AC


CSS-Code:

background-image: linear-gradient(135deg, #B51653 2%, #4AE9AC 92%);

Radial

HEX #B51653 zu HEX #4AE9AC


CSS-Code:

background-image: radial-gradient(circle, #B51653 5%, #4AE9AC 95%);

 

HEX #4AE9AC zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #4AE9AC 11%, #B51653 93%);

 

HEX #4AE9AC zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #4AE9AC 6%, #B51653 95%);

Linear

HEX #B51653 zu HEX #CB2861


CSS-Code:

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

Radial

HEX #B51653 zu HEX #CB2861


CSS-Code:

background-image: radial-gradient(circle, #B51653 13%, #CB2861 96%);

 

HEX #CB2861 zu HEX #B51653


CSS-Code:

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

 

HEX #CB2861 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #CB2861 13%, #B51653 88%);

 

HEX #B51653 zu HEX #DC3A74


CSS-Code:

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

 

HEX #B51653 zu HEX #DC3A74


CSS-Code:

background-image: radial-gradient(circle, #B51653 6%, #DC3A74 89%);

 

HEX #DC3A74 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #DC3A74 4%, #B51653 92%);

 

HEX #DC3A74 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #DC3A74 9%, #B51653 96%);

 

HEX #B51653 zu HEX #ED4C87


CSS-Code:

background-image: linear-gradient(135deg, #B51653 11%, #ED4C87 91%);

 

HEX #B51653 zu HEX #ED4C87


CSS-Code:

background-image: radial-gradient(circle, #B51653 5%, #ED4C87 94%);

 

HEX #ED4C87 zu HEX #B51653


CSS-Code:

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

 

HEX #ED4C87 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #ED4C87 1%, #B51653 86%);

 

HEX #B51653 zu HEX #FE5E9A


CSS-Code:

background-image: linear-gradient(135deg, #B51653 4%, #FE5E9A 99%);

 

HEX #B51653 zu HEX #FE5E9A


CSS-Code:

background-image: radial-gradient(circle, #B51653 8%, #FE5E9A 98%);

 

HEX #FE5E9A zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #FE5E9A 11%, #B51653 91%);

 

HEX #FE5E9A zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #FE5E9A 12%, #B51653 99%);

Linear

HEX #B51653 zu HEX #A40440


CSS-Code:

background-image: linear-gradient(135deg, #B51653 11%, #A40440 96%);

Radial

HEX #B51653 zu HEX #A40440


CSS-Code:

background-image: radial-gradient(circle, #B51653 8%, #A40440 95%);

 

HEX #A40440 zu HEX #B51653


CSS-Code:

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

 

HEX #A40440 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #A40440 3%, #B51653 100%);

 

HEX #B51653 zu HEX #93002D


CSS-Code:

background-image: linear-gradient(135deg, #B51653 4%, #93002D 88%);

 

HEX #B51653 zu HEX #93002D


CSS-Code:

background-image: radial-gradient(circle, #B51653 13%, #93002D 88%);

 

HEX #93002D zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #93002D 10%, #B51653 98%);

 

HEX #93002D zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #93002D 8%, #B51653 95%);

 

HEX #B51653 zu HEX #82001A


CSS-Code:

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

 

HEX #B51653 zu HEX #82001A


CSS-Code:

background-image: radial-gradient(circle, #B51653 2%, #82001A 86%);

 

HEX #82001A zu HEX #B51653


CSS-Code:

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

 

HEX #82001A zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #82001A 8%, #B51653 95%);

 

HEX #B51653 zu HEX #710007


CSS-Code:

background-image: linear-gradient(135deg, #B51653 9%, #710007 98%);

 

HEX #B51653 zu HEX #710007


CSS-Code:

background-image: radial-gradient(circle, #B51653 12%, #710007 98%);

 

HEX #710007 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #710007 5%, #B51653 100%);

 

HEX #710007 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #710007 2%, #B51653 91%);

Linear

HEX #B51653 zu HEX #B5163B


CSS-Code:

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

Radial

HEX #B51653 zu HEX #B5163B


CSS-Code:

background-image: radial-gradient(circle, #B51653 10%, #B5163B 99%);

 

HEX #B5163B zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #B5163B 14%, #B51653 93%);

 

HEX #B5163B zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #B5163B 9%, #B51653 98%);

 

HEX #B51653 zu HEX #B51621


CSS-Code:

background-image: linear-gradient(135deg, #B51653 4%, #B51621 89%);

 

HEX #B51653 zu HEX #B51621


CSS-Code:

background-image: radial-gradient(circle, #B51653 3%, #B51621 92%);

 

HEX #B51621 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #B51621 10%, #B51653 86%);

 

HEX #B51621 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #B51621 13%, #B51653 93%);

 

HEX #B51653 zu HEX #B52616


CSS-Code:

background-image: linear-gradient(135deg, #B51653 13%, #B52616 94%);

 

HEX #B51653 zu HEX #B52616


CSS-Code:

background-image: radial-gradient(circle, #B51653 10%, #B52616 91%);

 

HEX #B52616 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #B52616 7%, #B51653 87%);

 

HEX #B52616 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #B52616 1%, #B51653 88%);

 

HEX #B51653 zu HEX #B54016


CSS-Code:

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

 

HEX #B51653 zu HEX #B54016


CSS-Code:

background-image: radial-gradient(circle, #B51653 6%, #B54016 94%);

 

HEX #B54016 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #B54016 8%, #B51653 95%);

 

HEX #B54016 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #B54016 8%, #B51653 86%);

Linear

HEX #B51653 zu HEX #E81C6A


CSS-Code:

background-image: linear-gradient(135deg, #B51653 0%, #E81C6A 87%);

Radial

HEX #B51653 zu HEX #E81C6A


CSS-Code:

background-image: radial-gradient(circle, #B51653 13%, #E81C6A 86%);

 

HEX #E81C6A zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #E81C6A 8%, #B51653 86%);

 

HEX #E81C6A zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #E81C6A 3%, #B51653 93%);

 

HEX #B51653 zu HEX #1C030D


CSS-Code:

background-image: linear-gradient(135deg, #B51653 6%, #1C030D 90%);

 

HEX #B51653 zu HEX #1C030D


CSS-Code:

background-image: radial-gradient(circle, #B51653 14%, #1C030D 90%);

 

HEX #1C030D zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #1C030D 11%, #B51653 95%);

 

HEX #1C030D zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #1C030D 1%, #B51653 94%);

 

HEX #B51653 zu HEX #4F0A24


CSS-Code:

background-image: linear-gradient(135deg, #B51653 5%, #4F0A24 95%);

 

HEX #B51653 zu HEX #4F0A24


CSS-Code:

background-image: radial-gradient(circle, #B51653 9%, #4F0A24 96%);

 

HEX #4F0A24 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #4F0A24 13%, #B51653 87%);

 

HEX #4F0A24 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #4F0A24 6%, #B51653 97%);

 

HEX #B51653 zu HEX #82103C


CSS-Code:

background-image: linear-gradient(135deg, #B51653 7%, #82103C 99%);

 

HEX #B51653 zu HEX #82103C


CSS-Code:

background-image: radial-gradient(circle, #B51653 3%, #82103C 86%);

 

HEX #82103C zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #82103C 10%, #B51653 94%);

 

HEX #82103C zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #82103C 2%, #B51653 95%);

Linear

HEX #B51653 zu HEX #B59516


CSS-Code:

background-image: linear-gradient(135deg, #B51653 11%, #B59516 97%);

Radial

HEX #B51653 zu HEX #B59516


CSS-Code:

background-image: radial-gradient(circle, #B51653 2%, #B59516 91%);

 

HEX #B59516 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #B59516 1%, #B51653 97%);

 

HEX #B59516 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #B59516 4%, #B51653 94%);

 

HEX #B51653 zu HEX #1695B5


CSS-Code:

background-image: linear-gradient(135deg, #B51653 11%, #1695B5 93%);

 

HEX #B51653 zu HEX #1695B5


CSS-Code:

background-image: radial-gradient(circle, #B51653 6%, #1695B5 98%);

 

HEX #1695B5 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #1695B5 5%, #B51653 95%);

 

HEX #1695B5 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #1695B5 14%, #B51653 99%);

Linear

HEX #B51653 zu HEX #56B516


CSS-Code:

background-image: linear-gradient(135deg, #B51653 13%, #56B516 96%);

Radial

HEX #B51653 zu HEX #56B516


CSS-Code:

background-image: radial-gradient(circle, #B51653 0%, #56B516 87%);

 

HEX #56B516 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #56B516 8%, #B51653 90%);

 

HEX #56B516 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #56B516 8%, #B51653 89%);

 

HEX #B51653 zu HEX #1656B5


CSS-Code:

background-image: linear-gradient(135deg, #B51653 11%, #1656B5 89%);

 

HEX #B51653 zu HEX #1656B5


CSS-Code:

background-image: radial-gradient(circle, #B51653 6%, #1656B5 91%);

 

HEX #1656B5 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #1656B5 4%, #B51653 100%);

 

HEX #1656B5 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #1656B5 9%, #B51653 96%);

Linear

HEX #B51653 zu HEX #B59516


CSS-Code:

background-image: linear-gradient(135deg, #B51653 8%, #B59516 88%);

Radial

HEX #B51653 zu HEX #B59516


CSS-Code:

background-image: radial-gradient(circle, #B51653 10%, #B59516 89%);

 

HEX #B59516 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #B59516 12%, #B51653 89%);

 

HEX #B59516 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #B59516 4%, #B51653 86%);

 

HEX #B51653 zu HEX #16B575


CSS-Code:

background-image: linear-gradient(135deg, #B51653 8%, #16B575 97%);

 

HEX #B51653 zu HEX #16B575


CSS-Code:

background-image: radial-gradient(circle, #B51653 3%, #16B575 100%);

 

HEX #16B575 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #16B575 8%, #B51653 94%);

 

HEX #16B575 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #16B575 10%, #B51653 86%);

 

HEX #B51653 zu HEX #1636B5


CSS-Code:

background-image: linear-gradient(135deg, #B51653 14%, #1636B5 92%);

 

HEX #B51653 zu HEX #1636B5


CSS-Code:

background-image: radial-gradient(circle, #B51653 2%, #1636B5 98%);

 

HEX #1636B5 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #1636B5 6%, #B51653 87%);

 

HEX #1636B5 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #1636B5 4%, #B51653 88%);

Linear

HEX #B51653 zu HEX #A5B516


CSS-Code:

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

Radial

HEX #B51653 zu HEX #A5B516


CSS-Code:

background-image: radial-gradient(circle, #B51653 0%, #A5B516 90%);

 

HEX #A5B516 zu HEX #B51653


CSS-Code:

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

 

HEX #A5B516 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #A5B516 7%, #B51653 90%);

 

HEX #B51653 zu HEX #16B575


CSS-Code:

background-image: linear-gradient(135deg, #B51653 14%, #16B575 99%);

 

HEX #B51653 zu HEX #16B575


CSS-Code:

background-image: radial-gradient(circle, #B51653 2%, #16B575 97%);

 

HEX #16B575 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #16B575 12%, #B51653 95%);

 

HEX #16B575 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #16B575 4%, #B51653 87%);

 

HEX #B51653 zu HEX #2616B5


CSS-Code:

background-image: linear-gradient(135deg, #B51653 9%, #2616B5 92%);

 

HEX #B51653 zu HEX #2616B5


CSS-Code:

background-image: radial-gradient(circle, #B51653 1%, #2616B5 98%);

 

HEX #2616B5 zu HEX #B51653


CSS-Code:

background-image: linear-gradient(135deg, #2616B5 10%, #B51653 98%);

 

HEX #2616B5 zu HEX #B51653


CSS-Code:

background-image: radial-gradient(circle, #2616B5 14%, #B51653 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

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.