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

CSS Gradienten:
RGBA 167 29 30 0.255

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

Bei dieser Farbe hebt sich Rot von den anderen Farben ab. Der Wert der für den roten Farbton steht, ist größer als die anderen beiden Werte. Er hebt sich weit ab vom Wert für den grünen und blauen Farbton. 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 167 Rot, 29 Grün und 30 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.
167 29 30 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 21 Magenta, 21 Gelb und 9 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% 21% 21% 9% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #A71D1E41 zu HEX #58E2E141


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 4%, #58E2E141 88%);

Radial

HEX #A71D1E41 zu HEX #58E2E141


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #58E2E141 98%);

 

HEX #58E2E141 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #58E2E141 7%, #A71D1E41 95%);

 

HEX #58E2E141 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #58E2E141 12%, #A71D1E41 99%);

Linear

HEX #A71D1E41 zu HEX #BD2F2C41


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 3%, #BD2F2C41 89%);

Radial

HEX #A71D1E41 zu HEX #BD2F2C41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 3%, #BD2F2C41 93%);

 

HEX #BD2F2C41 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #BD2F2C41 10%, #A71D1E41 89%);

 

HEX #BD2F2C41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #BD2F2C41 11%, #A71D1E41 88%);

 

HEX #A71D1E41 zu HEX #CE413F41


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 12%, #CE413F41 88%);

 

HEX #A71D1E41 zu HEX #CE413F41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 13%, #CE413F41 88%);

 

HEX #CE413F41 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #CE413F41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #CE413F41 9%, #A71D1E41 87%);

 

HEX #A71D1E41 zu HEX #DF535241


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 8%, #DF535241 94%);

 

HEX #A71D1E41 zu HEX #DF535241


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 1%, #DF535241 99%);

 

HEX #DF535241 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #DF535241 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #DF535241 4%, #A71D1E41 90%);

 

HEX #A71D1E41 zu HEX #F0656541


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 1%, #F0656541 99%);

 

HEX #A71D1E41 zu HEX #F0656541


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #F0656541 86%);

 

HEX #F0656541 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #F0656541 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #F0656541 12%, #A71D1E41 96%);

Linear

HEX #A71D1E41 zu HEX #960B0B41


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 13%, #960B0B41 97%);

Radial

HEX #A71D1E41 zu HEX #960B0B41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #960B0B41 94%);

 

HEX #960B0B41 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #960B0B41 4%, #A71D1E41 96%);

 

HEX #960B0B41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #960B0B41 13%, #A71D1E41 96%);

 

HEX #A71D1E41 zu HEX #85000041


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 8%, #85000041 90%);

 

HEX #A71D1E41 zu HEX #85000041


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 11%, #85000041 94%);

 

HEX #85000041 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #85000041 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #85000041 12%, #A71D1E41 86%);

 

HEX #A71D1E41 zu HEX #74000041


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 3%, #74000041 89%);

 

HEX #A71D1E41 zu HEX #74000041


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #74000041 96%);

 

HEX #74000041 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #74000041 14%, #A71D1E41 94%);

 

HEX #74000041 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #74000041 13%, #A71D1E41 90%);

 

HEX #A71D1E41 zu HEX #63000041


CSS-Code:

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

 

HEX #A71D1E41 zu HEX #63000041


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 14%, #63000041 87%);

 

HEX #63000041 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #63000041 7%, #A71D1E41 98%);

 

HEX #63000041 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #63000041 0%, #A71D1E41 99%);

Linear

HEX #A71D1E41 zu HEX #A4311D41


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 6%, #A4311D41 95%);

Radial

HEX #A71D1E41 zu HEX #A4311D41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 1%, #A4311D41 90%);

 

HEX #A4311D41 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #A4311D41 6%, #A71D1E41 95%);

 

HEX #A4311D41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #A4311D41 12%, #A71D1E41 92%);

 

HEX #A71D1E41 zu HEX #A4481D41


CSS-Code:

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

 

HEX #A71D1E41 zu HEX #A4481D41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 3%, #A4481D41 88%);

 

HEX #A4481D41 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #A4481D41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #A4481D41 13%, #A71D1E41 95%);

 

HEX #A71D1E41 zu HEX #A45E1D41


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 2%, #A45E1D41 97%);

 

HEX #A71D1E41 zu HEX #A45E1D41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 14%, #A45E1D41 89%);

 

HEX #A45E1D41 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #A45E1D41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #A45E1D41 11%, #A71D1E41 90%);

 

HEX #A71D1E41 zu HEX #A4751D41


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 7%, #A4751D41 100%);

 

HEX #A71D1E41 zu HEX #A4751D41


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #A4751D41 87%);

 

HEX #A4751D41 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #A4751D41 10%, #A71D1E41 94%);

 

HEX #A4751D41 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #A4751D41 11%, #A71D1E41 95%);

Linear

HEX #A71D1E41 zu HEX #DA2627


CSS-Code:

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

Radial

HEX #A71D1E41 zu HEX #DA2627


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 12%, #DA2627 95%);

 

HEX #DA2627 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #DA2627 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #DA2627 10%, #A71D1E41 99%);

 

HEX #A71D1E41 zu HEX #0E0203


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 9%, #0E0203 92%);

 

HEX #A71D1E41 zu HEX #0E0203


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #0E0203 90%);

 

HEX #0E0203 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #0E0203 3%, #A71D1E41 87%);

 

HEX #0E0203 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #0E0203 12%, #A71D1E41 97%);

 

HEX #A71D1E41 zu HEX #410B0C


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 7%, #410B0C 89%);

 

HEX #A71D1E41 zu HEX #410B0C


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 7%, #410B0C 98%);

 

HEX #410B0C zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #410B0C 8%, #A71D1E41 92%);

 

HEX #410B0C zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #410B0C 2%, #A71D1E41 95%);

 

HEX #A71D1E41 zu HEX #741415


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 2%, #741415 95%);

 

HEX #A71D1E41 zu HEX #741415


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 4%, #741415 99%);

 

HEX #741415 zu HEX #A71D1E41


CSS-Code:

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

 

HEX #741415 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #741415 7%, #A71D1E41 100%);

Linear

HEX #A71D1E41 zu HEX #8BA41D


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 14%, #8BA41D 92%);

Radial

HEX #A71D1E41 zu HEX #8BA41D


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 11%, #8BA41D 91%);

 

HEX #8BA41D zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #8BA41D 1%, #A71D1E41 89%);

 

HEX #8BA41D zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #8BA41D 11%, #A71D1E41 89%);

 

HEX #A71D1E41 zu HEX #1D55A4


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 10%, #1D55A4 95%);

 

HEX #A71D1E41 zu HEX #1D55A4


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 5%, #1D55A4 86%);

 

HEX #1D55A4 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #1D55A4 3%, #A71D1E41 100%);

 

HEX #1D55A4 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #1D55A4 14%, #A71D1E41 98%);

Linear

HEX #A71D1E41 zu HEX #1FA41D


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 8%, #1FA41D 95%);

Radial

HEX #A71D1E41 zu HEX #1FA41D


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 3%, #1FA41D 89%);

 

HEX #1FA41D zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #1FA41D 8%, #A71D1E41 88%);

 

HEX #1FA41D zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #1FA41D 9%, #A71D1E41 89%);

 

HEX #A71D1E41 zu HEX #1D1FA4


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 5%, #1D1FA4 86%);

 

HEX #A71D1E41 zu HEX #1D1FA4


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 3%, #1D1FA4 98%);

 

HEX #1D1FA4 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #1D1FA4 7%, #A71D1E41 94%);

 

HEX #1D1FA4 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #1D1FA4 2%, #A71D1E41 94%);

Linear

HEX #A71D1E41 zu HEX #8BA41D


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 1%, #8BA41D 100%);

Radial

HEX #A71D1E41 zu HEX #8BA41D


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 6%, #8BA41D 90%);

 

HEX #8BA41D zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #8BA41D 12%, #A71D1E41 88%);

 

HEX #8BA41D zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #8BA41D 8%, #A71D1E41 86%);

 

HEX #A71D1E41 zu HEX #1DA4A2


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 14%, #1DA4A2 87%);

 

HEX #A71D1E41 zu HEX #1DA4A2


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 8%, #1DA4A2 88%);

 

HEX #1DA4A2 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #1DA4A2 6%, #A71D1E41 91%);

 

HEX #1DA4A2 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #1DA4A2 11%, #A71D1E41 99%);

 

HEX #A71D1E41 zu HEX #351DA4


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 4%, #351DA4 92%);

 

HEX #A71D1E41 zu HEX #351DA4


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 1%, #351DA4 88%);

 

HEX #351DA4 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #351DA4 12%, #A71D1E41 89%);

 

HEX #351DA4 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #351DA4 9%, #A71D1E41 99%);

Linear

HEX #A71D1E41 zu HEX #63A41D


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 4%, #63A41D 86%);

Radial

HEX #A71D1E41 zu HEX #63A41D


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 3%, #63A41D 96%);

 

HEX #63A41D zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #63A41D 9%, #A71D1E41 99%);

 

HEX #63A41D zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #63A41D 0%, #A71D1E41 92%);

 

HEX #A71D1E41 zu HEX #1DA4A2


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 7%, #1DA4A2 92%);

 

HEX #A71D1E41 zu HEX #1DA4A2


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 10%, #1DA4A2 96%);

 

HEX #1DA4A2 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #1DA4A2 9%, #A71D1E41 90%);

 

HEX #1DA4A2 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #1DA4A2 9%, #A71D1E41 94%);

 

HEX #A71D1E41 zu HEX #5E1DA4


CSS-Code:

background-image: linear-gradient(135deg, #A71D1E41 4%, #5E1DA4 91%);

 

HEX #A71D1E41 zu HEX #5E1DA4


CSS-Code:

background-image: radial-gradient(circle, #A71D1E41 0%, #5E1DA4 86%);

 

HEX #5E1DA4 zu HEX #A71D1E41


CSS-Code:

background-image: linear-gradient(135deg, #5E1DA4 10%, #A71D1E41 96%);

 

HEX #5E1DA4 zu HEX #A71D1E41


CSS-Code:

background-image: radial-gradient(circle, #5E1DA4 4%, #A71D1E41 98%);

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.