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

CSS Gradienten:
#36ADADAD

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #36ADADAD zu HEX #C95252AD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 7%, #C95252AD 92%);

Radial

HEX #36ADADAD zu HEX #C95252AD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 10%, #C95252AD 96%);

 

HEX #C95252AD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #C95252AD 11%, #36ADADAD 93%);

 

HEX #C95252AD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #C95252AD 5%, #36ADADAD 100%);

Linear

HEX #36ADADAD zu HEX #4CBFBBAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 5%, #4CBFBBAD 100%);

Radial

HEX #36ADADAD zu HEX #4CBFBBAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 7%, #4CBFBBAD 97%);

 

HEX #4CBFBBAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #4CBFBBAD 2%, #36ADADAD 87%);

 

HEX #4CBFBBAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #4CBFBBAD 12%, #36ADADAD 95%);

 

HEX #36ADADAD zu HEX #5DD1CEAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 13%, #5DD1CEAD 88%);

 

HEX #36ADADAD zu HEX #5DD1CEAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 4%, #5DD1CEAD 92%);

 

HEX #5DD1CEAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #5DD1CEAD 6%, #36ADADAD 95%);

 

HEX #5DD1CEAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #5DD1CEAD 1%, #36ADADAD 90%);

 

HEX #36ADADAD zu HEX #6EE3E1AD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 9%, #6EE3E1AD 97%);

 

HEX #36ADADAD zu HEX #6EE3E1AD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 7%, #6EE3E1AD 96%);

 

HEX #6EE3E1AD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #6EE3E1AD 12%, #36ADADAD 88%);

 

HEX #6EE3E1AD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #6EE3E1AD 2%, #36ADADAD 92%);

 

HEX #36ADADAD zu HEX #7FF5F4AD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 13%, #7FF5F4AD 86%);

 

HEX #36ADADAD zu HEX #7FF5F4AD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 8%, #7FF5F4AD 91%);

 

HEX #7FF5F4AD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #7FF5F4AD 2%, #36ADADAD 90%);

 

HEX #7FF5F4AD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #7FF5F4AD 3%, #36ADADAD 88%);

Linear

HEX #36ADADAD zu HEX #259B9AAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 6%, #259B9AAD 99%);

Radial

HEX #36ADADAD zu HEX #259B9AAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 10%, #259B9AAD 99%);

 

HEX #259B9AAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #259B9AAD 5%, #36ADADAD 88%);

 

HEX #259B9AAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #259B9AAD 0%, #36ADADAD 98%);

 

HEX #36ADADAD zu HEX #148987AD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 4%, #148987AD 91%);

 

HEX #36ADADAD zu HEX #148987AD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 12%, #148987AD 89%);

 

HEX #148987AD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #148987AD 1%, #36ADADAD 98%);

 

HEX #148987AD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #148987AD 4%, #36ADADAD 100%);

 

HEX #36ADADAD zu HEX #037774AD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 3%, #037774AD 99%);

 

HEX #36ADADAD zu HEX #037774AD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 10%, #037774AD 91%);

 

HEX #037774AD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #037774AD 11%, #36ADADAD 89%);

 

HEX #037774AD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #037774AD 10%, #36ADADAD 93%);

 

HEX #36ADADAD zu HEX #006561AD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 2%, #006561AD 98%);

 

HEX #36ADADAD zu HEX #006561AD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 7%, #006561AD 87%);

 

HEX #006561AD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #006561AD 8%, #36ADADAD 95%);

 

HEX #006561AD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #006561AD 11%, #36ADADAD 95%);

Linear

HEX #36ADADAD zu HEX #379AAEAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 13%, #379AAEAD 90%);

Radial

HEX #36ADADAD zu HEX #379AAEAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 3%, #379AAEAD 90%);

 

HEX #379AAEAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #379AAEAD 8%, #36ADADAD 94%);

 

HEX #379AAEAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #379AAEAD 14%, #36ADADAD 99%);

 

HEX #36ADADAD zu HEX #3786AEAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 0%, #3786AEAD 92%);

 

HEX #36ADADAD zu HEX #3786AEAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 3%, #3786AEAD 86%);

 

HEX #3786AEAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #3786AEAD 8%, #36ADADAD 93%);

 

HEX #3786AEAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #3786AEAD 9%, #36ADADAD 95%);

 

HEX #36ADADAD zu HEX #3772AEAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 0%, #3772AEAD 91%);

 

HEX #36ADADAD zu HEX #3772AEAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 2%, #3772AEAD 89%);

 

HEX #3772AEAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #3772AEAD 6%, #36ADADAD 99%);

 

HEX #3772AEAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #3772AEAD 2%, #36ADADAD 86%);

 

HEX #36ADADAD zu HEX #375EAEAD


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 12%, #375EAEAD 88%);

 

HEX #36ADADAD zu HEX #375EAEAD


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 8%, #375EAEAD 88%);

 

HEX #375EAEAD zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #375EAEAD 1%, #36ADADAD 89%);

 

HEX #375EAEAD zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #375EAEAD 13%, #36ADADAD 91%);

Linear

HEX #36ADADAD zu HEX #46E0E0


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 8%, #46E0E0 93%);

Radial

HEX #36ADADAD zu HEX #46E0E0


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 6%, #46E0E0 94%);

 

HEX #46E0E0 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #46E0E0 8%, #36ADADAD 96%);

 

HEX #46E0E0 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #46E0E0 4%, #36ADADAD 93%);

 

HEX #36ADADAD zu HEX #061414


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 3%, #061414 87%);

 

HEX #36ADADAD zu HEX #061414


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 5%, #061414 91%);

 

HEX #061414 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #061414 7%, #36ADADAD 100%);

 

HEX #061414 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #061414 11%, #36ADADAD 94%);

 

HEX #36ADADAD zu HEX #164747


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 10%, #164747 98%);

 

HEX #36ADADAD zu HEX #164747


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 7%, #164747 94%);

 

HEX #164747 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #164747 11%, #36ADADAD 89%);

 

HEX #164747 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #164747 13%, #36ADADAD 87%);

 

HEX #36ADADAD zu HEX #267A7A


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 14%, #267A7A 95%);

 

HEX #36ADADAD zu HEX #267A7A


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 14%, #267A7A 96%);

 

HEX #267A7A zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #267A7A 5%, #36ADADAD 99%);

 

HEX #267A7A zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #267A7A 11%, #36ADADAD 93%);

Linear

HEX #36ADADAD zu HEX #4E37AE


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 11%, #4E37AE 91%);

Radial

HEX #36ADADAD zu HEX #4E37AE


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 9%, #4E37AE 94%);

 

HEX #4E37AE zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #4E37AE 0%, #36ADADAD 89%);

 

HEX #4E37AE zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #4E37AE 5%, #36ADADAD 93%);

 

HEX #36ADADAD zu HEX #AE7E37


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 3%, #AE7E37 97%);

 

HEX #36ADADAD zu HEX #AE7E37


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 2%, #AE7E37 93%);

 

HEX #AE7E37 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #AE7E37 0%, #36ADADAD 87%);

 

HEX #AE7E37 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #AE7E37 11%, #36ADADAD 93%);

Linear

HEX #36ADADAD zu HEX #AE37AE


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 1%, #AE37AE 92%);

Radial

HEX #36ADADAD zu HEX #AE37AE


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 6%, #AE37AE 89%);

 

HEX #AE37AE zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #AE37AE 12%, #36ADADAD 96%);

 

HEX #AE37AE zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #AE37AE 14%, #36ADADAD 95%);

 

HEX #36ADADAD zu HEX #AEAE37


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 10%, #AEAE37 94%);

 

HEX #36ADADAD zu HEX #AEAE37


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 9%, #AEAE37 97%);

 

HEX #AEAE37 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #AEAE37 10%, #36ADADAD 99%);

 

HEX #AEAE37 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #AEAE37 7%, #36ADADAD 88%);

Linear

HEX #36ADADAD zu HEX #4E37AE


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 5%, #4E37AE 90%);

Radial

HEX #36ADADAD zu HEX #4E37AE


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 14%, #4E37AE 88%);

 

HEX #4E37AE zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #4E37AE 7%, #36ADADAD 99%);

 

HEX #4E37AE zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #4E37AE 7%, #36ADADAD 90%);

 

HEX #36ADADAD zu HEX #AE3737


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 1%, #AE3737 95%);

 

HEX #36ADADAD zu HEX #AE3737


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 10%, #AE3737 95%);

 

HEX #AE3737 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #AE3737 14%, #36ADADAD 91%);

 

HEX #AE3737 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #AE3737 14%, #36ADADAD 90%);

 

HEX #36ADADAD zu HEX #96AE37


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 5%, #96AE37 89%);

 

HEX #36ADADAD zu HEX #96AE37


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 12%, #96AE37 90%);

 

HEX #96AE37 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #96AE37 0%, #36ADADAD 90%);

 

HEX #96AE37 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #96AE37 3%, #36ADADAD 99%);

Linear

HEX #36ADADAD zu HEX #7237AE


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 12%, #7237AE 98%);

Radial

HEX #36ADADAD zu HEX #7237AE


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 6%, #7237AE 89%);

 

HEX #7237AE zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #7237AE 10%, #36ADADAD 87%);

 

HEX #7237AE zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #7237AE 8%, #36ADADAD 88%);

 

HEX #36ADADAD zu HEX #AE3737


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 6%, #AE3737 92%);

 

HEX #36ADADAD zu HEX #AE3737


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 8%, #AE3737 96%);

 

HEX #AE3737 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #AE3737 3%, #36ADADAD 95%);

 

HEX #AE3737 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #AE3737 5%, #36ADADAD 98%);

 

HEX #36ADADAD zu HEX #72AE37


CSS-Code:

background-image: linear-gradient(135deg, #36ADADAD 6%, #72AE37 90%);

 

HEX #36ADADAD zu HEX #72AE37


CSS-Code:

background-image: radial-gradient(circle, #36ADADAD 10%, #72AE37 89%);

 

HEX #72AE37 zu HEX #36ADADAD


CSS-Code:

background-image: linear-gradient(135deg, #72AE37 12%, #36ADADAD 87%);

 

HEX #72AE37 zu HEX #36ADADAD


CSS-Code:

background-image: radial-gradient(circle, #72AE37 13%, #36ADADAD 90%);

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.