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

CSS Gradienten:
#ABFBACCE

Information

schließe alle

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 171 Rot, 251 Grün und 172 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 251 172 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 26 Cyan, keine Magenta, 25 Gelb und 1 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.
26% 0% 25% 1% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ABFBACCE zu HEX #540453CE


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 14%, #540453CE 93%);

Radial

HEX #ABFBACCE zu HEX #540453CE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 6%, #540453CE 99%);

 

HEX #540453CE zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #540453CE 0%, #ABFBACCE 98%);

 

HEX #540453CE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #540453CE 6%, #ABFBACCE 87%);

Linear

HEX #ABFBACCE zu HEX #C1FBACCE


CSS-Code:

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

Radial

HEX #ABFBACCE zu HEX #C1FBACCE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 2%, #C1FBACCE 86%);

 

HEX #C1FBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #C1FBACCE 1%, #ABFBACCE 95%);

 

HEX #C1FBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #C1FBACCE 13%, #ABFBACCE 100%);

 

HEX #ABFBACCE zu HEX #ACFBACCE


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #ACFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 12%, #ACFBACCE 87%);

 

HEX #ACFBACCE zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #ACFBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBACCE 14%, #ABFBACCE 86%);

 

HEX #ABFBACCE zu HEX #ACFBC1CE


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 10%, #ACFBC1CE 95%);

 

HEX #ABFBACCE zu HEX #ACFBC1CE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 0%, #ACFBC1CE 88%);

 

HEX #ACFBC1CE zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBC1CE 3%, #ABFBACCE 100%);

 

HEX #ACFBC1CE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBC1CE 6%, #ABFBACCE 99%);

 

HEX #ABFBACCE zu HEX #ACFBD6CE


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 7%, #ACFBD6CE 89%);

 

HEX #ABFBACCE zu HEX #ACFBD6CE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 1%, #ACFBD6CE 87%);

 

HEX #ACFBD6CE zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #ACFBD6CE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBD6CE 7%, #ABFBACCE 90%);

Linear

HEX #ABFBACCE zu HEX #85F986


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 7%, #85F986 90%);

Radial

HEX #ABFBACCE zu HEX #85F986


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 3%, #85F986 88%);

 

HEX #85F986 zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #85F986 13%, #ABFBACCE 100%);

 

HEX #85F986 zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #85F986 5%, #ABFBACCE 98%);

 

HEX #ABFBACCE zu HEX #ACFBAD


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 11%, #ACFBAD 95%);

 

HEX #ABFBACCE zu HEX #ACFBAD


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 7%, #ACFBAD 97%);

 

HEX #ACFBAD zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBAD 10%, #ABFBACCE 97%);

 

HEX #ACFBAD zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBAD 10%, #ABFBACCE 98%);

 

HEX #ABFBACCE zu HEX #D4FDD4


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #D4FDD4


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 0%, #D4FDD4 92%);

 

HEX #D4FDD4 zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #D4FDD4 zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #D4FDD4 8%, #ABFBACCE 99%);

 

HEX #ABFBACCE zu HEX #FBFFFB


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 13%, #FBFFFB 100%);

 

HEX #ABFBACCE zu HEX #FBFFFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 12%, #FBFFFB 87%);

 

HEX #FBFFFB zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #FBFFFB 1%, #ABFBACCE 99%);

 

HEX #FBFFFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBFFFB 2%, #ABFBACCE 93%);

Linear

HEX #ABFBACCE zu HEX #C1FBACCE


CSS-Code:

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

Radial

HEX #ABFBACCE zu HEX #C1FBACCE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 0%, #C1FBACCE 98%);

 

HEX #C1FBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #C1FBACCE 8%, #ABFBACCE 89%);

 

HEX #C1FBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #C1FBACCE 7%, #ABFBACCE 91%);

 

HEX #ABFBACCE zu HEX #ACFBACCE


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #ACFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 5%, #ACFBACCE 100%);

 

HEX #ACFBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBACCE 1%, #ABFBACCE 90%);

 

HEX #ACFBACCE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBACCE 3%, #ABFBACCE 99%);

 

HEX #ABFBACCE zu HEX #ACFBC1CE


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 3%, #ACFBC1CE 97%);

 

HEX #ABFBACCE zu HEX #ACFBC1CE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 11%, #ACFBC1CE 99%);

 

HEX #ACFBC1CE zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #ACFBC1CE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBC1CE 9%, #ABFBACCE 97%);

 

HEX #ABFBACCE zu HEX #ACFBD6CE


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #ACFBD6CE


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 0%, #ACFBD6CE 90%);

 

HEX #ACFBD6CE zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBD6CE 5%, #ABFBACCE 90%);

 

HEX #ACFBD6CE zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBD6CE 12%, #ABFBACCE 96%);

Linear

HEX #ABFBACCE zu HEX #85F986


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 9%, #85F986 97%);

Radial

HEX #ABFBACCE zu HEX #85F986


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 2%, #85F986 93%);

 

HEX #85F986 zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #85F986 3%, #ABFBACCE 97%);

 

HEX #85F986 zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #85F986 0%, #ABFBACCE 90%);

 

HEX #ABFBACCE zu HEX #ACFBAD


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #ACFBAD


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 7%, #ACFBAD 93%);

 

HEX #ACFBAD zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #ACFBAD zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBAD 8%, #ABFBACCE 96%);

 

HEX #ABFBACCE zu HEX #D4FDD4


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #D4FDD4


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 12%, #D4FDD4 92%);

 

HEX #D4FDD4 zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #D4FDD4 zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #D4FDD4 1%, #ABFBACCE 94%);

 

HEX #ABFBACCE zu HEX #FBFFFB


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #FBFFFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 8%, #FBFFFB 94%);

 

HEX #FBFFFB zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #FBFFFB 10%, #ABFBACCE 87%);

 

HEX #FBFFFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBFFFB 13%, #ABFBACCE 98%);

Linear

HEX #ABFBACCE zu HEX #ACEBFB


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 13%, #ACEBFB 90%);

Radial

HEX #ABFBACCE zu HEX #ACEBFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 11%, #ACEBFB 99%);

 

HEX #ACEBFB zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACEBFB 14%, #ABFBACCE 86%);

 

HEX #ACEBFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACEBFB 9%, #ABFBACCE 95%);

 

HEX #ABFBACCE zu HEX #FBACCC


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #FBACCC


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 7%, #FBACCC 94%);

 

HEX #FBACCC zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #FBACCC 7%, #ABFBACCE 95%);

 

HEX #FBACCC zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBACCC 3%, #ABFBACCE 99%);

Linear

HEX #ABFBACCE zu HEX #ACACFB


CSS-Code:

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

Radial

HEX #ABFBACCE zu HEX #ACACFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 9%, #ACACFB 89%);

 

HEX #ACACFB zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACACFB 5%, #ABFBACCE 88%);

 

HEX #ACACFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACACFB 5%, #ABFBACCE 100%);

 

HEX #ABFBACCE zu HEX #FBACAC


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #FBACAC


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 3%, #FBACAC 97%);

 

HEX #FBACAC zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #FBACAC 0%, #ABFBACCE 99%);

 

HEX #FBACAC zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBACAC 6%, #ABFBACCE 91%);

Linear

HEX #ABFBACCE zu HEX #ACEBFB


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 1%, #ACEBFB 94%);

Radial

HEX #ABFBACCE zu HEX #ACEBFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 11%, #ACEBFB 99%);

 

HEX #ACEBFB zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #ACEBFB 1%, #ABFBACCE 95%);

 

HEX #ACEBFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACEBFB 7%, #ABFBACCE 97%);

 

HEX #ABFBACCE zu HEX #FBACFB


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 2%, #FBACFB 93%);

 

HEX #ABFBACCE zu HEX #FBACFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 0%, #FBACFB 93%);

 

HEX #FBACFB zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #FBACFB 13%, #ABFBACCE 98%);

 

HEX #FBACFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBACFB 13%, #ABFBACCE 98%);

 

HEX #ABFBACCE zu HEX #FBBCAC


CSS-Code:

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

 

HEX #ABFBACCE zu HEX #FBBCAC


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 14%, #FBBCAC 87%);

 

HEX #FBBCAC zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #FBBCAC zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBBCAC 2%, #ABFBACCE 100%);

Linear

HEX #ABFBACCE zu HEX #ACD4FB


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 7%, #ACD4FB 90%);

Radial

HEX #ABFBACCE zu HEX #ACD4FB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 4%, #ACD4FB 94%);

 

HEX #ACD4FB zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #ACD4FB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #ACD4FB 10%, #ABFBACCE 91%);

 

HEX #ABFBACCE zu HEX #FBACFB


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 10%, #FBACFB 98%);

 

HEX #ABFBACCE zu HEX #FBACFB


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 12%, #FBACFB 93%);

 

HEX #FBACFB zu HEX #ABFBACCE


CSS-Code:

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

 

HEX #FBACFB zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBACFB 0%, #ABFBACCE 88%);

 

HEX #ABFBACCE zu HEX #FBD4AC


CSS-Code:

background-image: linear-gradient(135deg, #ABFBACCE 12%, #FBD4AC 98%);

 

HEX #ABFBACCE zu HEX #FBD4AC


CSS-Code:

background-image: radial-gradient(circle, #ABFBACCE 12%, #FBD4AC 97%);

 

HEX #FBD4AC zu HEX #ABFBACCE


CSS-Code:

background-image: linear-gradient(135deg, #FBD4AC 0%, #ABFBACCE 86%);

 

HEX #FBD4AC zu HEX #ABFBACCE


CSS-Code:

background-image: radial-gradient(circle, #FBD4AC 0%, #ABFBACCE 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)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.