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

CSS Gradienten:
RGBA 255 84 128 0.28

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 hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 255 Rot, 84 Grün und 128 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.
255 84 128 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 19 Magenta, 14 Gelb und keine 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% 19% 14% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FF548047 zu HEX #00AB7F47


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 1%, #00AB7F47 91%);

Radial

HEX #FF548047 zu HEX #00AB7F47


CSS-Code:

background-image: radial-gradient(circle, #FF548047 12%, #00AB7F47 91%);

 

HEX #00AB7F47 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #00AB7F47 5%, #FF548047 97%);

 

HEX #00AB7F47 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #00AB7F47 7%, #FF548047 88%);

Linear

HEX #FF548047 zu HEX #FF668E47


CSS-Code:

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

Radial

HEX #FF548047 zu HEX #FF668E47


CSS-Code:

background-image: radial-gradient(circle, #FF548047 0%, #FF668E47 90%);

 

HEX #FF668E47 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #FF668E47 6%, #FF548047 98%);

 

HEX #FF668E47 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF668E47 11%, #FF548047 93%);

 

HEX #FF548047 zu HEX #FF78A147


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 10%, #FF78A147 87%);

 

HEX #FF548047 zu HEX #FF78A147


CSS-Code:

background-image: radial-gradient(circle, #FF548047 11%, #FF78A147 89%);

 

HEX #FF78A147 zu HEX #FF548047


CSS-Code:

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

 

HEX #FF78A147 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF78A147 13%, #FF548047 99%);

 

HEX #FF548047 zu HEX #FF8AB447


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 6%, #FF8AB447 100%);

 

HEX #FF548047 zu HEX #FF8AB447


CSS-Code:

background-image: radial-gradient(circle, #FF548047 14%, #FF8AB447 100%);

 

HEX #FF8AB447 zu HEX #FF548047


CSS-Code:

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

 

HEX #FF8AB447 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF8AB447 7%, #FF548047 88%);

 

HEX #FF548047 zu HEX #FF9CC747


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 1%, #FF9CC747 100%);

 

HEX #FF548047 zu HEX #FF9CC747


CSS-Code:

background-image: radial-gradient(circle, #FF548047 8%, #FF9CC747 92%);

 

HEX #FF9CC747 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #FF9CC747 12%, #FF548047 96%);

 

HEX #FF9CC747 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF9CC747 9%, #FF548047 91%);

Linear

HEX #FF548047 zu HEX #EE426D47


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 12%, #EE426D47 99%);

Radial

HEX #FF548047 zu HEX #EE426D47


CSS-Code:

background-image: radial-gradient(circle, #FF548047 13%, #EE426D47 89%);

 

HEX #EE426D47 zu HEX #FF548047


CSS-Code:

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

 

HEX #EE426D47 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #EE426D47 3%, #FF548047 95%);

 

HEX #FF548047 zu HEX #DD305A47


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 9%, #DD305A47 90%);

 

HEX #FF548047 zu HEX #DD305A47


CSS-Code:

background-image: radial-gradient(circle, #FF548047 14%, #DD305A47 99%);

 

HEX #DD305A47 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #DD305A47 9%, #FF548047 87%);

 

HEX #DD305A47 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #DD305A47 2%, #FF548047 88%);

 

HEX #FF548047 zu HEX #CC1E4747


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 0%, #CC1E4747 86%);

 

HEX #FF548047 zu HEX #CC1E4747


CSS-Code:

background-image: radial-gradient(circle, #FF548047 12%, #CC1E4747 100%);

 

HEX #CC1E4747 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #CC1E4747 13%, #FF548047 98%);

 

HEX #CC1E4747 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #CC1E4747 8%, #FF548047 93%);

 

HEX #FF548047 zu HEX #BB0C3447


CSS-Code:

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

 

HEX #FF548047 zu HEX #BB0C3447


CSS-Code:

background-image: radial-gradient(circle, #FF548047 9%, #BB0C3447 92%);

 

HEX #BB0C3447 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #BB0C3447 11%, #FF548047 98%);

 

HEX #BB0C3447 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #BB0C3447 14%, #FF548047 95%);

Linear

HEX #FF548047 zu HEX #FF516247


CSS-Code:

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

Radial

HEX #FF548047 zu HEX #FF516247


CSS-Code:

background-image: radial-gradient(circle, #FF548047 13%, #FF516247 89%);

 

HEX #FF516247 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #FF516247 11%, #FF548047 87%);

 

HEX #FF516247 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF516247 13%, #FF548047 93%);

 

HEX #FF548047 zu HEX #FF5D5147


CSS-Code:

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

 

HEX #FF548047 zu HEX #FF5D5147


CSS-Code:

background-image: radial-gradient(circle, #FF548047 1%, #FF5D5147 97%);

 

HEX #FF5D5147 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #FF5D5147 10%, #FF548047 92%);

 

HEX #FF5D5147 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF5D5147 7%, #FF548047 97%);

 

HEX #FF548047 zu HEX #FF7A5147


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 8%, #FF7A5147 100%);

 

HEX #FF548047 zu HEX #FF7A5147


CSS-Code:

background-image: radial-gradient(circle, #FF548047 11%, #FF7A5147 98%);

 

HEX #FF7A5147 zu HEX #FF548047


CSS-Code:

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

 

HEX #FF7A5147 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF7A5147 4%, #FF548047 91%);

 

HEX #FF548047 zu HEX #FF965147


CSS-Code:

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

 

HEX #FF548047 zu HEX #FF965147


CSS-Code:

background-image: radial-gradient(circle, #FF548047 10%, #FF965147 99%);

 

HEX #FF965147 zu HEX #FF548047


CSS-Code:

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

 

HEX #FF965147 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FF965147 3%, #FF548047 87%);

Linear

HEX #FF548047 zu HEX #33111A


CSS-Code:

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

Radial

HEX #FF548047 zu HEX #33111A


CSS-Code:

background-image: radial-gradient(circle, #FF548047 0%, #33111A 98%);

 

HEX #33111A zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #33111A 4%, #FF548047 94%);

 

HEX #33111A zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #33111A 0%, #FF548047 97%);

 

HEX #FF548047 zu HEX #662233


CSS-Code:

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

 

HEX #FF548047 zu HEX #662233


CSS-Code:

background-image: radial-gradient(circle, #FF548047 11%, #662233 99%);

 

HEX #662233 zu HEX #FF548047


CSS-Code:

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

 

HEX #662233 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #662233 3%, #FF548047 99%);

 

HEX #FF548047 zu HEX #99324D


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 12%, #99324D 98%);

 

HEX #FF548047 zu HEX #99324D


CSS-Code:

background-image: radial-gradient(circle, #FF548047 6%, #99324D 97%);

 

HEX #99324D zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #99324D 4%, #FF548047 94%);

 

HEX #99324D zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #99324D 13%, #FF548047 89%);

 

HEX #FF548047 zu HEX #CC4366


CSS-Code:

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

 

HEX #FF548047 zu HEX #CC4366


CSS-Code:

background-image: radial-gradient(circle, #FF548047 10%, #CC4366 96%);

 

HEX #CC4366 zu HEX #FF548047


CSS-Code:

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

 

HEX #CC4366 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #CC4366 5%, #FF548047 99%);

Linear

HEX #FF548047 zu HEX #FFF351


CSS-Code:

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

Radial

HEX #FF548047 zu HEX #FFF351


CSS-Code:

background-image: radial-gradient(circle, #FF548047 6%, #FFF351 100%);

 

HEX #FFF351 zu HEX #FF548047


CSS-Code:

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

 

HEX #FFF351 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FFF351 8%, #FF548047 98%);

 

HEX #FF548047 zu HEX #51C5FF


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 13%, #51C5FF 92%);

 

HEX #FF548047 zu HEX #51C5FF


CSS-Code:

background-image: radial-gradient(circle, #FF548047 1%, #51C5FF 100%);

 

HEX #51C5FF zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #51C5FF 2%, #FF548047 88%);

 

HEX #51C5FF zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #51C5FF 4%, #FF548047 93%);

Linear

HEX #FF548047 zu HEX #7FFF51


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 4%, #7FFF51 98%);

Radial

HEX #FF548047 zu HEX #7FFF51


CSS-Code:

background-image: radial-gradient(circle, #FF548047 1%, #7FFF51 89%);

 

HEX #7FFF51 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #7FFF51 1%, #FF548047 90%);

 

HEX #7FFF51 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #7FFF51 12%, #FF548047 98%);

 

HEX #FF548047 zu HEX #517FFF


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 6%, #517FFF 97%);

 

HEX #FF548047 zu HEX #517FFF


CSS-Code:

background-image: radial-gradient(circle, #FF548047 2%, #517FFF 94%);

 

HEX #517FFF zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #517FFF 8%, #FF548047 87%);

 

HEX #517FFF zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #517FFF 12%, #FF548047 97%);

Linear

HEX #FF548047 zu HEX #FFF351


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 14%, #FFF351 98%);

Radial

HEX #FF548047 zu HEX #FFF351


CSS-Code:

background-image: radial-gradient(circle, #FF548047 11%, #FFF351 95%);

 

HEX #FFF351 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #FFF351 0%, #FF548047 91%);

 

HEX #FFF351 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #FFF351 6%, #FF548047 100%);

 

HEX #FF548047 zu HEX #51FFD0


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 10%, #51FFD0 87%);

 

HEX #FF548047 zu HEX #51FFD0


CSS-Code:

background-image: radial-gradient(circle, #FF548047 14%, #51FFD0 91%);

 

HEX #51FFD0 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #51FFD0 4%, #FF548047 93%);

 

HEX #51FFD0 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #51FFD0 10%, #FF548047 93%);

 

HEX #FF548047 zu HEX #515DFF


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 9%, #515DFF 87%);

 

HEX #FF548047 zu HEX #515DFF


CSS-Code:

background-image: radial-gradient(circle, #FF548047 5%, #515DFF 90%);

 

HEX #515DFF zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #515DFF 7%, #FF548047 88%);

 

HEX #515DFF zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #515DFF 8%, #FF548047 86%);

Linear

HEX #FF548047 zu HEX #D6FF51


CSS-Code:

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

Radial

HEX #FF548047 zu HEX #D6FF51


CSS-Code:

background-image: radial-gradient(circle, #FF548047 14%, #D6FF51 92%);

 

HEX #D6FF51 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #D6FF51 2%, #FF548047 98%);

 

HEX #D6FF51 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #D6FF51 4%, #FF548047 90%);

 

HEX #FF548047 zu HEX #51FFD0


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 9%, #51FFD0 93%);

 

HEX #FF548047 zu HEX #51FFD0


CSS-Code:

background-image: radial-gradient(circle, #FF548047 8%, #51FFD0 89%);

 

HEX #51FFD0 zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #51FFD0 2%, #FF548047 87%);

 

HEX #51FFD0 zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #51FFD0 12%, #FF548047 98%);

 

HEX #FF548047 zu HEX #7A51FF


CSS-Code:

background-image: linear-gradient(135deg, #FF548047 2%, #7A51FF 91%);

 

HEX #FF548047 zu HEX #7A51FF


CSS-Code:

background-image: radial-gradient(circle, #FF548047 0%, #7A51FF 96%);

 

HEX #7A51FF zu HEX #FF548047


CSS-Code:

background-image: linear-gradient(135deg, #7A51FF 1%, #FF548047 88%);

 

HEX #7A51FF zu HEX #FF548047


CSS-Code:

background-image: radial-gradient(circle, #7A51FF 9%, #FF548047 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.