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

✕

CSS Gradienten:
#ABFFC5

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ABFFC5 zu HEX #54003A


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 1%, #54003A 88%);

Radial

HEX #ABFFC5 zu HEX #54003A


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 9%, #54003A 92%);

 

HEX #54003A zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #54003A 13%, #ABFFC5 90%);

 

HEX #54003A zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #54003A 6%, #ABFFC5 87%);

Linear

HEX #ABFFC5 zu HEX #ADFFB0


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 13%, #ADFFB0 96%);

Radial

HEX #ABFFC5 zu HEX #ADFFB0


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 10%, #ADFFB0 90%);

 

HEX #ADFFB0 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #ADFFB0 4%, #ABFFC5 98%);

 

HEX #ADFFB0 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFB0 0%, #ABFFC5 93%);

 

HEX #ABFFC5 zu HEX #ADFFC5


CSS-Code:

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

 

HEX #ABFFC5 zu HEX #ADFFC5


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 10%, #ADFFC5 98%);

 

HEX #ADFFC5 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #ADFFC5 0%, #ABFFC5 93%);

 

HEX #ADFFC5 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFC5 8%, #ABFFC5 94%);

 

HEX #ABFFC5 zu HEX #ADFFDB


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 5%, #ADFFDB 99%);

 

HEX #ABFFC5 zu HEX #ADFFDB


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 1%, #ADFFDB 86%);

 

HEX #ADFFDB zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADFFDB zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFDB 4%, #ABFFC5 96%);

 

HEX #ABFFC5 zu HEX #ADFFF1


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 12%, #ADFFF1 95%);

 

HEX #ABFFC5 zu HEX #ADFFF1


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 5%, #ADFFF1 98%);

 

HEX #ADFFF1 zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADFFF1 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFF1 3%, #ABFFC5 89%);

Linear

HEX #ABFFC5 zu HEX #84FFAA


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 7%, #84FFAA 90%);

Radial

HEX #ABFFC5 zu HEX #84FFAA


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 13%, #84FFAA 99%);

 

HEX #84FFAA zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #84FFAA 3%, #ABFFC5 89%);

 

HEX #84FFAA zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #84FFAA 11%, #ABFFC5 94%);

 

HEX #ABFFC5 zu HEX #ADFFC6


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 8%, #ADFFC6 96%);

 

HEX #ABFFC5 zu HEX #ADFFC6


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 10%, #ADFFC6 99%);

 

HEX #ADFFC6 zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADFFC6 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFC6 6%, #ABFFC5 88%);

 

HEX #ABFFC5 zu HEX #D6FFE3


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 13%, #D6FFE3 92%);

 

HEX #ABFFC5 zu HEX #D6FFE3


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 11%, #D6FFE3 97%);

 

HEX #D6FFE3 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #D6FFE3 6%, #ABFFC5 89%);

 

HEX #D6FFE3 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #D6FFE3 10%, #ABFFC5 98%);

Linear

HEX #ABFFC5 zu HEX #ADFFB0


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 8%, #ADFFB0 93%);

Radial

HEX #ABFFC5 zu HEX #ADFFB0


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 13%, #ADFFB0 98%);

 

HEX #ADFFB0 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #ADFFB0 14%, #ABFFC5 90%);

 

HEX #ADFFB0 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFB0 7%, #ABFFC5 99%);

 

HEX #ABFFC5 zu HEX #ADFFC5


CSS-Code:

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

 

HEX #ABFFC5 zu HEX #ADFFC5


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 2%, #ADFFC5 90%);

 

HEX #ADFFC5 zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADFFC5 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFC5 14%, #ABFFC5 98%);

 

HEX #ABFFC5 zu HEX #ADFFDB


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 2%, #ADFFDB 97%);

 

HEX #ABFFC5 zu HEX #ADFFDB


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 9%, #ADFFDB 97%);

 

HEX #ADFFDB zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADFFDB zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFDB 6%, #ABFFC5 88%);

 

HEX #ABFFC5 zu HEX #ADFFF1


CSS-Code:

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

 

HEX #ABFFC5 zu HEX #ADFFF1


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 11%, #ADFFF1 96%);

 

HEX #ADFFF1 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #ADFFF1 5%, #ABFFC5 93%);

 

HEX #ADFFF1 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFF1 3%, #ABFFC5 97%);

Linear

HEX #ABFFC5 zu HEX #84FFAA


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 10%, #84FFAA 88%);

Radial

HEX #ABFFC5 zu HEX #84FFAA


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 12%, #84FFAA 87%);

 

HEX #84FFAA zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #84FFAA 13%, #ABFFC5 86%);

 

HEX #84FFAA zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #84FFAA 11%, #ABFFC5 90%);

 

HEX #ABFFC5 zu HEX #ADFFC6


CSS-Code:

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

 

HEX #ABFFC5 zu HEX #ADFFC6


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 10%, #ADFFC6 95%);

 

HEX #ADFFC6 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #ADFFC6 3%, #ABFFC5 95%);

 

HEX #ADFFC6 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADFFC6 11%, #ABFFC5 88%);

 

HEX #ABFFC5 zu HEX #D6FFE3


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 14%, #D6FFE3 88%);

 

HEX #ABFFC5 zu HEX #D6FFE3


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 7%, #D6FFE3 89%);

 

HEX #D6FFE3 zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #D6FFE3 14%, #ABFFC5 90%);

 

HEX #D6FFE3 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #D6FFE3 5%, #ABFFC5 91%);

Linear

HEX #ABFFC5 zu HEX #ADD6FF


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 3%, #ADD6FF 99%);

Radial

HEX #ABFFC5 zu HEX #ADD6FF


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 4%, #ADD6FF 98%);

 

HEX #ADD6FF zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADD6FF zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADD6FF 10%, #ABFFC5 100%);

 

HEX #ABFFC5 zu HEX #FFADB5


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 13%, #FFADB5 91%);

 

HEX #ABFFC5 zu HEX #FFADB5


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 9%, #FFADB5 93%);

 

HEX #FFADB5 zu HEX #ABFFC5


CSS-Code:

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

 

HEX #FFADB5 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #FFADB5 8%, #ABFFC5 90%);

Linear

HEX #ABFFC5 zu HEX #C5ADFF


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 2%, #C5ADFF 97%);

Radial

HEX #ABFFC5 zu HEX #C5ADFF


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 13%, #C5ADFF 88%);

 

HEX #C5ADFF zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #C5ADFF 5%, #ABFFC5 93%);

 

HEX #C5ADFF zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #C5ADFF 0%, #ABFFC5 87%);

 

HEX #ABFFC5 zu HEX #FFC5AD


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 8%, #FFC5AD 88%);

 

HEX #ABFFC5 zu HEX #FFC5AD


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 11%, #FFC5AD 98%);

 

HEX #FFC5AD zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #FFC5AD 1%, #ABFFC5 91%);

 

HEX #FFC5AD zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #FFC5AD 7%, #ABFFC5 98%);

Linear

HEX #ABFFC5 zu HEX #ADD6FF


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 12%, #ADD6FF 100%);

Radial

HEX #ABFFC5 zu HEX #ADD6FF


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 5%, #ADD6FF 91%);

 

HEX #ADD6FF zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADD6FF zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADD6FF 14%, #ABFFC5 97%);

 

HEX #ABFFC5 zu HEX #FFADE6


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 2%, #FFADE6 97%);

 

HEX #ABFFC5 zu HEX #FFADE6


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 1%, #FFADE6 92%);

 

HEX #FFADE6 zu HEX #ABFFC5


CSS-Code:

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

 

HEX #FFADE6 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #FFADE6 3%, #ABFFC5 97%);

 

HEX #ABFFC5 zu HEX #FFD6AD


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 5%, #FFD6AD 92%);

 

HEX #ABFFC5 zu HEX #FFD6AD


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 11%, #FFD6AD 100%);

 

HEX #FFD6AD zu HEX #ABFFC5


CSS-Code:

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

 

HEX #FFD6AD zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #FFD6AD 14%, #ABFFC5 99%);

Linear

HEX #ABFFC5 zu HEX #ADBDFF


CSS-Code:

background-image: linear-gradient(135deg, #ABFFC5 8%, #ADBDFF 91%);

Radial

HEX #ABFFC5 zu HEX #ADBDFF


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 12%, #ADBDFF 95%);

 

HEX #ADBDFF zu HEX #ABFFC5


CSS-Code:

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

 

HEX #ADBDFF zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #ADBDFF 12%, #ABFFC5 87%);

 

HEX #ABFFC5 zu HEX #FFADE6


CSS-Code:

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

 

HEX #ABFFC5 zu HEX #FFADE6


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 9%, #FFADE6 94%);

 

HEX #FFADE6 zu HEX #ABFFC5


CSS-Code:

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

 

HEX #FFADE6 zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #FFADE6 2%, #ABFFC5 96%);

 

HEX #ABFFC5 zu HEX #FFEEAD


CSS-Code:

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

 

HEX #ABFFC5 zu HEX #FFEEAD


CSS-Code:

background-image: radial-gradient(circle, #ABFFC5 5%, #FFEEAD 90%);

 

HEX #FFEEAD zu HEX #ABFFC5


CSS-Code:

background-image: linear-gradient(135deg, #FFEEAD 11%, #ABFFC5 99%);

 

HEX #FFEEAD zu HEX #ABFFC5


CSS-Code:

background-image: radial-gradient(circle, #FFEEAD 1%, #ABFFC5 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