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

✕

CSS Gradienten:
CMYK 30 / 92 / 0 / 8

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 Magenta von den anderen Farben ab. Die Werte die für den roten und blauen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des grünen Farbtons. 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 164 Rot, 19 Grün und 235 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.
164 19 235 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 30 Cyan, 92 Magenta, keine Gelb und 8 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.
30% 92% 0% 8% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #A413EB zu HEX #5BEC14


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 10%, #5BEC14 100%);

Radial

HEX #A413EB zu HEX #5BEC14


CSS-Code:

background-image: radial-gradient(circle, #A413EB 12%, #5BEC14 89%);

 

HEX #5BEC14 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #5BEC14 0%, #A413EB 94%);

 

HEX #5BEC14 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #5BEC14 5%, #A413EB 93%);

Linear

HEX #A413EB zu HEX #BA25F9


CSS-Code:

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

Radial

HEX #A413EB zu HEX #BA25F9


CSS-Code:

background-image: radial-gradient(circle, #A413EB 8%, #BA25F9 90%);

 

HEX #BA25F9 zu HEX #A413EB


CSS-Code:

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

 

HEX #BA25F9 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #BA25F9 9%, #A413EB 92%);

 

HEX #A413EB zu HEX #CB37FF


CSS-Code:

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

 

HEX #A413EB zu HEX #CB37FF


CSS-Code:

background-image: radial-gradient(circle, #A413EB 14%, #CB37FF 99%);

 

HEX #CB37FF zu HEX #A413EB


CSS-Code:

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

 

HEX #CB37FF zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #CB37FF 7%, #A413EB 87%);

 

HEX #A413EB zu HEX #DC49FF


CSS-Code:

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

 

HEX #A413EB zu HEX #DC49FF


CSS-Code:

background-image: radial-gradient(circle, #A413EB 7%, #DC49FF 95%);

 

HEX #DC49FF zu HEX #A413EB


CSS-Code:

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

 

HEX #DC49FF zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #DC49FF 14%, #A413EB 93%);

 

HEX #A413EB zu HEX #ED5BFF


CSS-Code:

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

 

HEX #A413EB zu HEX #ED5BFF


CSS-Code:

background-image: radial-gradient(circle, #A413EB 10%, #ED5BFF 92%);

 

HEX #ED5BFF zu HEX #A413EB


CSS-Code:

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

 

HEX #ED5BFF zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #ED5BFF 4%, #A413EB 88%);

Linear

HEX #A413EB zu HEX #9301D8


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 7%, #9301D8 91%);

Radial

HEX #A413EB zu HEX #9301D8


CSS-Code:

background-image: radial-gradient(circle, #A413EB 14%, #9301D8 97%);

 

HEX #9301D8 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #9301D8 7%, #A413EB 98%);

 

HEX #9301D8 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #9301D8 4%, #A413EB 96%);

 

HEX #A413EB zu HEX #8200C5


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 3%, #8200C5 93%);

 

HEX #A413EB zu HEX #8200C5


CSS-Code:

background-image: radial-gradient(circle, #A413EB 0%, #8200C5 97%);

 

HEX #8200C5 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #8200C5 6%, #A413EB 96%);

 

HEX #8200C5 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #8200C5 7%, #A413EB 100%);

 

HEX #A413EB zu HEX #7100B2


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 8%, #7100B2 97%);

 

HEX #A413EB zu HEX #7100B2


CSS-Code:

background-image: radial-gradient(circle, #A413EB 7%, #7100B2 92%);

 

HEX #7100B2 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #7100B2 1%, #A413EB 97%);

 

HEX #7100B2 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #7100B2 9%, #A413EB 98%);

 

HEX #A413EB zu HEX #60009F


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 14%, #60009F 88%);

 

HEX #A413EB zu HEX #60009F


CSS-Code:

background-image: radial-gradient(circle, #A413EB 8%, #60009F 90%);

 

HEX #60009F zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #60009F 12%, #A413EB 94%);

 

HEX #60009F zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #60009F 2%, #A413EB 90%);

Linear

HEX #A413EB zu HEX #C713EB


CSS-Code:

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

Radial

HEX #A413EB zu HEX #C713EB


CSS-Code:

background-image: radial-gradient(circle, #A413EB 11%, #C713EB 92%);

 

HEX #C713EB zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #C713EB 5%, #A413EB 86%);

 

HEX #C713EB zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #C713EB 3%, #A413EB 96%);

 

HEX #A413EB zu HEX #EB13EB


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 11%, #EB13EB 86%);

 

HEX #A413EB zu HEX #EB13EB


CSS-Code:

background-image: radial-gradient(circle, #A413EB 9%, #EB13EB 89%);

 

HEX #EB13EB zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #EB13EB 3%, #A413EB 91%);

 

HEX #EB13EB zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EB13EB 11%, #A413EB 94%);

 

HEX #A413EB zu HEX #EB13C7


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 12%, #EB13C7 93%);

 

HEX #A413EB zu HEX #EB13C7


CSS-Code:

background-image: radial-gradient(circle, #A413EB 2%, #EB13C7 90%);

 

HEX #EB13C7 zu HEX #A413EB


CSS-Code:

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

 

HEX #EB13C7 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EB13C7 5%, #A413EB 89%);

 

HEX #A413EB zu HEX #EB13A3


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 1%, #EB13A3 88%);

 

HEX #A413EB zu HEX #EB13A3


CSS-Code:

background-image: radial-gradient(circle, #A413EB 12%, #EB13A3 96%);

 

HEX #EB13A3 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #EB13A3 4%, #A413EB 97%);

 

HEX #EB13A3 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EB13A3 4%, #A413EB 88%);

Linear

HEX #A413EB zu HEX #16031F


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 0%, #16031F 98%);

Radial

HEX #A413EB zu HEX #16031F


CSS-Code:

background-image: radial-gradient(circle, #A413EB 10%, #16031F 91%);

 

HEX #16031F zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #16031F 10%, #A413EB 100%);

 

HEX #16031F zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #16031F 12%, #A413EB 98%);

 

HEX #A413EB zu HEX #390752


CSS-Code:

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

 

HEX #A413EB zu HEX #390752


CSS-Code:

background-image: radial-gradient(circle, #A413EB 8%, #390752 87%);

 

HEX #390752 zu HEX #A413EB


CSS-Code:

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

 

HEX #390752 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #390752 10%, #A413EB 91%);

 

HEX #A413EB zu HEX #5D0B85


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 0%, #5D0B85 87%);

 

HEX #A413EB zu HEX #5D0B85


CSS-Code:

background-image: radial-gradient(circle, #A413EB 8%, #5D0B85 87%);

 

HEX #5D0B85 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #5D0B85 9%, #A413EB 91%);

 

HEX #5D0B85 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #5D0B85 7%, #A413EB 86%);

 

HEX #A413EB zu HEX #800FB8


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 7%, #800FB8 100%);

 

HEX #A413EB zu HEX #800FB8


CSS-Code:

background-image: radial-gradient(circle, #A413EB 14%, #800FB8 86%);

 

HEX #800FB8 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #800FB8 7%, #A413EB 92%);

 

HEX #800FB8 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #800FB8 10%, #A413EB 91%);

Linear

HEX #A413EB zu HEX #EB1330


CSS-Code:

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

Radial

HEX #A413EB zu HEX #EB1330


CSS-Code:

background-image: radial-gradient(circle, #A413EB 4%, #EB1330 97%);

 

HEX #EB1330 zu HEX #A413EB


CSS-Code:

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

 

HEX #EB1330 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EB1330 3%, #A413EB 89%);

 

HEX #A413EB zu HEX #13EB4C


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 9%, #13EB4C 98%);

 

HEX #A413EB zu HEX #13EB4C


CSS-Code:

background-image: radial-gradient(circle, #A413EB 8%, #13EB4C 91%);

 

HEX #13EB4C zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #13EB4C 12%, #A413EB 92%);

 

HEX #13EB4C zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #13EB4C 12%, #A413EB 88%);

Linear

HEX #A413EB zu HEX #EBA313


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 2%, #EBA313 96%);

Radial

HEX #A413EB zu HEX #EBA313


CSS-Code:

background-image: radial-gradient(circle, #A413EB 3%, #EBA313 88%);

 

HEX #EBA313 zu HEX #A413EB


CSS-Code:

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

 

HEX #EBA313 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EBA313 10%, #A413EB 96%);

 

HEX #A413EB zu HEX #13EBA3


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 10%, #13EBA3 95%);

 

HEX #A413EB zu HEX #13EBA3


CSS-Code:

background-image: radial-gradient(circle, #A413EB 9%, #13EBA3 100%);

 

HEX #13EBA3 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #13EBA3 2%, #A413EB 98%);

 

HEX #13EBA3 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #13EBA3 3%, #A413EB 96%);

Linear

HEX #A413EB zu HEX #EB1330


CSS-Code:

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

Radial

HEX #A413EB zu HEX #EB1330


CSS-Code:

background-image: radial-gradient(circle, #A413EB 10%, #EB1330 99%);

 

HEX #EB1330 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #EB1330 5%, #A413EB 95%);

 

HEX #EB1330 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EB1330 8%, #A413EB 100%);

 

HEX #A413EB zu HEX #5BEB13


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 11%, #5BEB13 89%);

 

HEX #A413EB zu HEX #5BEB13


CSS-Code:

background-image: radial-gradient(circle, #A413EB 13%, #5BEB13 91%);

 

HEX #5BEB13 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #5BEB13 10%, #A413EB 99%);

 

HEX #5BEB13 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #5BEB13 2%, #A413EB 90%);

 

HEX #A413EB zu HEX #13EBCE


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 8%, #13EBCE 90%);

 

HEX #A413EB zu HEX #13EBCE


CSS-Code:

background-image: radial-gradient(circle, #A413EB 12%, #13EBCE 96%);

 

HEX #13EBCE zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #13EBCE 13%, #A413EB 93%);

 

HEX #13EBCE zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #13EBCE 10%, #A413EB 91%);

Linear

HEX #A413EB zu HEX #EB3713


CSS-Code:

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

Radial

HEX #A413EB zu HEX #EB3713


CSS-Code:

background-image: radial-gradient(circle, #A413EB 2%, #EB3713 96%);

 

HEX #EB3713 zu HEX #A413EB


CSS-Code:

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

 

HEX #EB3713 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #EB3713 0%, #A413EB 91%);

 

HEX #A413EB zu HEX #5BEB13


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 4%, #5BEB13 87%);

 

HEX #A413EB zu HEX #5BEB13


CSS-Code:

background-image: radial-gradient(circle, #A413EB 5%, #5BEB13 96%);

 

HEX #5BEB13 zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #5BEB13 0%, #A413EB 89%);

 

HEX #5BEB13 zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #5BEB13 10%, #A413EB 100%);

 

HEX #A413EB zu HEX #13C7EB


CSS-Code:

background-image: linear-gradient(135deg, #A413EB 6%, #13C7EB 95%);

 

HEX #A413EB zu HEX #13C7EB


CSS-Code:

background-image: radial-gradient(circle, #A413EB 11%, #13C7EB 93%);

 

HEX #13C7EB zu HEX #A413EB


CSS-Code:

background-image: linear-gradient(135deg, #13C7EB 1%, #A413EB 90%);

 

HEX #13C7EB zu HEX #A413EB


CSS-Code:

background-image: radial-gradient(circle, #13C7EB 2%, #A413EB 97%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

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.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de