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

✕

CSS Gradienten:
#AA78DC

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #AA78DC zu HEX #558723


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 0%, #558723 92%);

Radial

HEX #AA78DC zu HEX #558723


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 2%, #558723 86%);

 

HEX #558723 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #558723 14%, #AA78DC 91%);

 

HEX #558723 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #558723 10%, #AA78DC 90%);

Linear

HEX #AA78DC zu HEX #9079DC


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 14%, #9079DC 91%);

Radial

HEX #AA78DC zu HEX #9079DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 10%, #9079DC 97%);

 

HEX #9079DC zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #9079DC 6%, #AA78DC 95%);

 

HEX #9079DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #9079DC 7%, #AA78DC 88%);

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

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

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 8%, #AA79DC 91%);

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

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

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #AA79DC 1%, #AA78DC 93%);

 

HEX #AA78DC zu HEX #C579DC


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 0%, #C579DC 89%);

 

HEX #AA78DC zu HEX #C579DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 0%, #C579DC 93%);

 

HEX #C579DC zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #C579DC 13%, #AA78DC 97%);

 

HEX #C579DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #C579DC 8%, #AA78DC 94%);

 

HEX #AA78DC zu HEX #DC79D9


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 7%, #DC79D9 96%);

 

HEX #AA78DC zu HEX #DC79D9


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 14%, #DC79D9 86%);

 

HEX #DC79D9 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #DC79D9 5%, #AA78DC 100%);

 

HEX #DC79D9 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #DC79D9 6%, #AA78DC 98%);

Linear

HEX #AA78DC zu HEX #9658D4


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 14%, #9658D4 95%);

Radial

HEX #AA78DC zu HEX #9658D4


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 6%, #9658D4 87%);

 

HEX #9658D4 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #9658D4 8%, #AA78DC 100%);

 

HEX #9658D4 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #9658D4 6%, #AA78DC 91%);

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 12%, #AA79DC 90%);

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 2%, #AA79DC 94%);

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

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

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #AA79DC 12%, #AA78DC 95%);

 

HEX #AA78DC zu HEX #BF9AE4


CSS-Code:

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

 

HEX #AA78DC zu HEX #BF9AE4


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 10%, #BF9AE4 87%);

 

HEX #BF9AE4 zu HEX #AA78DC


CSS-Code:

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

 

HEX #BF9AE4 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #BF9AE4 1%, #AA78DC 91%);

 

HEX #AA78DC zu HEX #D4BAED


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 1%, #D4BAED 96%);

 

HEX #AA78DC zu HEX #D4BAED


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 0%, #D4BAED 96%);

 

HEX #D4BAED zu HEX #AA78DC


CSS-Code:

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

 

HEX #D4BAED zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #D4BAED 6%, #AA78DC 94%);

Linear

HEX #AA78DC zu HEX #9079DC


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 8%, #9079DC 92%);

Radial

HEX #AA78DC zu HEX #9079DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 8%, #9079DC 87%);

 

HEX #9079DC zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #9079DC 14%, #AA78DC 88%);

 

HEX #9079DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #9079DC 9%, #AA78DC 86%);

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

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

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 11%, #AA79DC 90%);

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #AA79DC 4%, #AA78DC 99%);

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #AA79DC 1%, #AA78DC 88%);

 

HEX #AA78DC zu HEX #C579DC


CSS-Code:

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

 

HEX #AA78DC zu HEX #C579DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 6%, #C579DC 87%);

 

HEX #C579DC zu HEX #AA78DC


CSS-Code:

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

 

HEX #C579DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #C579DC 5%, #AA78DC 92%);

 

HEX #AA78DC zu HEX #DC79D9


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 9%, #DC79D9 86%);

 

HEX #AA78DC zu HEX #DC79D9


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 9%, #DC79D9 98%);

 

HEX #DC79D9 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #DC79D9 14%, #AA78DC 97%);

 

HEX #DC79D9 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #DC79D9 13%, #AA78DC 86%);

Linear

HEX #AA78DC zu HEX #9658D4


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 5%, #9658D4 94%);

Radial

HEX #AA78DC zu HEX #9658D4


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 7%, #9658D4 91%);

 

HEX #9658D4 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #9658D4 3%, #AA78DC 96%);

 

HEX #9658D4 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #9658D4 1%, #AA78DC 88%);

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

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

 

HEX #AA78DC zu HEX #AA79DC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 11%, #AA79DC 89%);

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

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

 

HEX #AA79DC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #AA79DC 11%, #AA78DC 93%);

 

HEX #AA78DC zu HEX #BF9AE4


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 1%, #BF9AE4 98%);

 

HEX #AA78DC zu HEX #BF9AE4


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 9%, #BF9AE4 97%);

 

HEX #BF9AE4 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #BF9AE4 9%, #AA78DC 92%);

 

HEX #BF9AE4 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #BF9AE4 3%, #AA78DC 86%);

 

HEX #AA78DC zu HEX #D4BAED


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 5%, #D4BAED 100%);

 

HEX #AA78DC zu HEX #D4BAED


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 4%, #D4BAED 88%);

 

HEX #D4BAED zu HEX #AA78DC


CSS-Code:

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

 

HEX #D4BAED zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #D4BAED 2%, #AA78DC 87%);

Linear

HEX #AA78DC zu HEX #DC7996


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 13%, #DC7996 88%);

Radial

HEX #AA78DC zu HEX #DC7996


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 4%, #DC7996 98%);

 

HEX #DC7996 zu HEX #AA78DC


CSS-Code:

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

 

HEX #DC7996 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #DC7996 3%, #AA78DC 97%);

 

HEX #AA78DC zu HEX #79DC83


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 6%, #79DC83 94%);

 

HEX #AA78DC zu HEX #79DC83


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 4%, #79DC83 89%);

 

HEX #79DC83 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #79DC83 2%, #AA78DC 92%);

 

HEX #79DC83 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #79DC83 3%, #AA78DC 86%);

Linear

HEX #AA78DC zu HEX #DCAA79


CSS-Code:

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

Radial

HEX #AA78DC zu HEX #DCAA79


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 5%, #DCAA79 96%);

 

HEX #DCAA79 zu HEX #AA78DC


CSS-Code:

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

 

HEX #DCAA79 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #DCAA79 3%, #AA78DC 88%);

 

HEX #AA78DC zu HEX #79DCAA


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 2%, #79DCAA 90%);

 

HEX #AA78DC zu HEX #79DCAA


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 14%, #79DCAA 86%);

 

HEX #79DCAA zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #79DCAA 7%, #AA78DC 91%);

 

HEX #79DCAA zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #79DCAA 4%, #AA78DC 93%);

Linear

HEX #AA78DC zu HEX #DC7996


CSS-Code:

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

Radial

HEX #AA78DC zu HEX #DC7996


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 11%, #DC7996 98%);

 

HEX #DC7996 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #DC7996 10%, #AA78DC 99%);

 

HEX #DC7996 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #DC7996 5%, #AA78DC 99%);

 

HEX #AA78DC zu HEX #AADC79


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 6%, #AADC79 93%);

 

HEX #AA78DC zu HEX #AADC79


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 8%, #AADC79 93%);

 

HEX #AADC79 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #AADC79 6%, #AA78DC 91%);

 

HEX #AADC79 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #AADC79 7%, #AA78DC 95%);

 

HEX #AA78DC zu HEX #79DCBE


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 8%, #79DCBE 95%);

 

HEX #AA78DC zu HEX #79DCBE


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 0%, #79DCBE 99%);

 

HEX #79DCBE zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #79DCBE 6%, #AA78DC 96%);

 

HEX #79DCBE zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #79DCBE 8%, #AA78DC 92%);

Linear

HEX #AA78DC zu HEX #DC7979


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 11%, #DC7979 94%);

Radial

HEX #AA78DC zu HEX #DC7979


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 9%, #DC7979 99%);

 

HEX #DC7979 zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #DC7979 12%, #AA78DC 89%);

 

HEX #DC7979 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #DC7979 5%, #AA78DC 90%);

 

HEX #AA78DC zu HEX #AADC79


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 4%, #AADC79 88%);

 

HEX #AA78DC zu HEX #AADC79


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 14%, #AADC79 100%);

 

HEX #AADC79 zu HEX #AA78DC


CSS-Code:

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

 

HEX #AADC79 zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #AADC79 9%, #AA78DC 92%);

 

HEX #AA78DC zu HEX #79DCDC


CSS-Code:

background-image: linear-gradient(135deg, #AA78DC 7%, #79DCDC 94%);

 

HEX #AA78DC zu HEX #79DCDC


CSS-Code:

background-image: radial-gradient(circle, #AA78DC 2%, #79DCDC 86%);

 

HEX #79DCDC zu HEX #AA78DC


CSS-Code:

background-image: linear-gradient(135deg, #79DCDC 10%, #AA78DC 89%);

 

HEX #79DCDC zu HEX #AA78DC


CSS-Code:

background-image: radial-gradient(circle, #79DCDC 3%, #AA78DC 88%);

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-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de