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

CSS Gradienten:
CMYK 0 / 88 / 60 / 0

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, 31 Grün und 102 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 31 102 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, 60 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% 88% 60% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FF1F66 zu HEX #00E099


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 10%, #00E099 98%);

Radial

HEX #FF1F66 zu HEX #00E099


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 14%, #00E099 89%);

 

HEX #00E099 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #00E099 3%, #FF1F66 93%);

 

HEX #00E099 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #00E099 0%, #FF1F66 93%);

Linear

HEX #FF1F66 zu HEX #FF3174


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 11%, #FF3174 93%);

Radial

HEX #FF1F66 zu HEX #FF3174


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 11%, #FF3174 87%);

 

HEX #FF3174 zu HEX #FF1F66


CSS-Code:

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

 

HEX #FF3174 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF3174 2%, #FF1F66 98%);

 

HEX #FF1F66 zu HEX #FF4387


CSS-Code:

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

 

HEX #FF1F66 zu HEX #FF4387


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 5%, #FF4387 86%);

 

HEX #FF4387 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FF4387 10%, #FF1F66 91%);

 

HEX #FF4387 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF4387 7%, #FF1F66 93%);

 

HEX #FF1F66 zu HEX #FF559A


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 1%, #FF559A 87%);

 

HEX #FF1F66 zu HEX #FF559A


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 5%, #FF559A 100%);

 

HEX #FF559A zu HEX #FF1F66


CSS-Code:

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

 

HEX #FF559A zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF559A 11%, #FF1F66 87%);

 

HEX #FF1F66 zu HEX #FF67AD


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 4%, #FF67AD 100%);

 

HEX #FF1F66 zu HEX #FF67AD


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 8%, #FF67AD 88%);

 

HEX #FF67AD zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FF67AD 13%, #FF1F66 87%);

 

HEX #FF67AD zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF67AD 0%, #FF1F66 96%);

Linear

HEX #FF1F66 zu HEX #EE0D53


CSS-Code:

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

Radial

HEX #FF1F66 zu HEX #EE0D53


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 4%, #EE0D53 88%);

 

HEX #EE0D53 zu HEX #FF1F66


CSS-Code:

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

 

HEX #EE0D53 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #EE0D53 2%, #FF1F66 86%);

 

HEX #FF1F66 zu HEX #DD0040


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 2%, #DD0040 100%);

 

HEX #FF1F66 zu HEX #DD0040


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 10%, #DD0040 93%);

 

HEX #DD0040 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #DD0040 2%, #FF1F66 90%);

 

HEX #DD0040 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #DD0040 6%, #FF1F66 86%);

 

HEX #FF1F66 zu HEX #CC002D


CSS-Code:

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

 

HEX #FF1F66 zu HEX #CC002D


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 3%, #CC002D 92%);

 

HEX #CC002D zu HEX #FF1F66


CSS-Code:

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

 

HEX #CC002D zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #CC002D 9%, #FF1F66 98%);

 

HEX #FF1F66 zu HEX #BB001A


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 9%, #BB001A 97%);

 

HEX #FF1F66 zu HEX #BB001A


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 8%, #BB001A 94%);

 

HEX #BB001A zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #BB001A 11%, #FF1F66 90%);

 

HEX #BB001A zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #BB001A 3%, #FF1F66 88%);

Linear

HEX #FF1F66 zu HEX #FF1E44


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 2%, #FF1E44 87%);

Radial

HEX #FF1F66 zu HEX #FF1E44


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 1%, #FF1E44 94%);

 

HEX #FF1E44 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FF1E44 0%, #FF1F66 98%);

 

HEX #FF1E44 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF1E44 12%, #FF1F66 98%);

 

HEX #FF1F66 zu HEX #FF1E1E


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 2%, #FF1E1E 87%);

 

HEX #FF1F66 zu HEX #FF1E1E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 4%, #FF1E1E 92%);

 

HEX #FF1E1E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FF1E1E 10%, #FF1F66 96%);

 

HEX #FF1E1E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF1E1E 4%, #FF1F66 100%);

 

HEX #FF1F66 zu HEX #FF441E


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 13%, #FF441E 86%);

 

HEX #FF1F66 zu HEX #FF441E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 6%, #FF441E 93%);

 

HEX #FF441E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FF441E 1%, #FF1F66 89%);

 

HEX #FF441E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF441E 5%, #FF1F66 93%);

 

HEX #FF1F66 zu HEX #FF691E


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 3%, #FF691E 92%);

 

HEX #FF1F66 zu HEX #FF691E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 5%, #FF691E 98%);

 

HEX #FF691E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FF691E 4%, #FF1F66 87%);

 

HEX #FF691E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FF691E 11%, #FF1F66 98%);

Linear

HEX #FF1F66 zu HEX #330614


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 11%, #330614 89%);

Radial

HEX #FF1F66 zu HEX #330614


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 11%, #330614 95%);

 

HEX #330614 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #330614 6%, #FF1F66 99%);

 

HEX #330614 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #330614 12%, #FF1F66 92%);

 

HEX #FF1F66 zu HEX #660C29


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 7%, #660C29 88%);

 

HEX #FF1F66 zu HEX #660C29


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 4%, #660C29 96%);

 

HEX #660C29 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #660C29 6%, #FF1F66 95%);

 

HEX #660C29 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #660C29 13%, #FF1F66 86%);

 

HEX #FF1F66 zu HEX #99133D


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 1%, #99133D 92%);

 

HEX #FF1F66 zu HEX #99133D


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 7%, #99133D 90%);

 

HEX #99133D zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #99133D 14%, #FF1F66 89%);

 

HEX #99133D zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #99133D 0%, #FF1F66 90%);

 

HEX #FF1F66 zu HEX #CC1952


CSS-Code:

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

 

HEX #FF1F66 zu HEX #CC1952


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 9%, #CC1952 91%);

 

HEX #CC1952 zu HEX #FF1F66


CSS-Code:

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

 

HEX #CC1952 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #CC1952 14%, #FF1F66 92%);

Linear

HEX #FF1F66 zu HEX #FFE11E


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 0%, #FFE11E 98%);

Radial

HEX #FF1F66 zu HEX #FFE11E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 12%, #FFE11E 99%);

 

HEX #FFE11E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FFE11E 3%, #FF1F66 87%);

 

HEX #FFE11E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FFE11E 4%, #FF1F66 97%);

 

HEX #FF1F66 zu HEX #1EC3FF


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 10%, #1EC3FF 90%);

 

HEX #FF1F66 zu HEX #1EC3FF


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 2%, #1EC3FF 95%);

 

HEX #1EC3FF zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #1EC3FF 12%, #FF1F66 94%);

 

HEX #1EC3FF zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #1EC3FF 12%, #FF1F66 96%);

Linear

HEX #FF1F66 zu HEX #69FF1E


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 11%, #69FF1E 95%);

Radial

HEX #FF1F66 zu HEX #69FF1E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 1%, #69FF1E 89%);

 

HEX #69FF1E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #69FF1E 9%, #FF1F66 93%);

 

HEX #69FF1E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #69FF1E 10%, #FF1F66 98%);

 

HEX #FF1F66 zu HEX #1E69FF


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 3%, #1E69FF 90%);

 

HEX #FF1F66 zu HEX #1E69FF


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 8%, #1E69FF 86%);

 

HEX #1E69FF zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #1E69FF 13%, #FF1F66 94%);

 

HEX #1E69FF zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #1E69FF 4%, #FF1F66 92%);

Linear

HEX #FF1F66 zu HEX #FFE11E


CSS-Code:

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

Radial

HEX #FF1F66 zu HEX #FFE11E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 2%, #FFE11E 99%);

 

HEX #FFE11E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #FFE11E 0%, #FF1F66 96%);

 

HEX #FFE11E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #FFE11E 5%, #FF1F66 93%);

 

HEX #FF1F66 zu HEX #1EFFB4


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 10%, #1EFFB4 100%);

 

HEX #FF1F66 zu HEX #1EFFB4


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 12%, #1EFFB4 92%);

 

HEX #1EFFB4 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #1EFFB4 7%, #FF1F66 93%);

 

HEX #1EFFB4 zu HEX #FF1F66


CSS-Code:

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

 

HEX #FF1F66 zu HEX #1E3CFF


CSS-Code:

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

 

HEX #FF1F66 zu HEX #1E3CFF


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 14%, #1E3CFF 97%);

 

HEX #1E3CFF zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #1E3CFF 7%, #FF1F66 98%);

 

HEX #1E3CFF zu HEX #FF1F66


CSS-Code:

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

Linear

HEX #FF1F66 zu HEX #D9FF1E


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 13%, #D9FF1E 86%);

Radial

HEX #FF1F66 zu HEX #D9FF1E


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 9%, #D9FF1E 97%);

 

HEX #D9FF1E zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #D9FF1E 11%, #FF1F66 90%);

 

HEX #D9FF1E zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #D9FF1E 14%, #FF1F66 90%);

 

HEX #FF1F66 zu HEX #1EFFB4


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 4%, #1EFFB4 90%);

 

HEX #FF1F66 zu HEX #1EFFB4


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 11%, #1EFFB4 95%);

 

HEX #1EFFB4 zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #1EFFB4 0%, #FF1F66 97%);

 

HEX #1EFFB4 zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #1EFFB4 8%, #FF1F66 95%);

 

HEX #FF1F66 zu HEX #441EFF


CSS-Code:

background-image: linear-gradient(135deg, #FF1F66 5%, #441EFF 90%);

 

HEX #FF1F66 zu HEX #441EFF


CSS-Code:

background-image: radial-gradient(circle, #FF1F66 2%, #441EFF 87%);

 

HEX #441EFF zu HEX #FF1F66


CSS-Code:

background-image: linear-gradient(135deg, #441EFF 11%, #FF1F66 90%);

 

HEX #441EFF zu HEX #FF1F66


CSS-Code:

background-image: radial-gradient(circle, #441EFF 12%, #FF1F66 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)

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.