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

CSS Gradienten:
RGBA 128 108 254 0.75

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

Blau dominiert deutlich: Der Blauwert übertrifft die anderen. 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 128 Rot, 108 Grün und 254 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.
128 108 254 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 37 Cyan, 43 Magenta, keine 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.
37% 43% 0% 0% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #806CFEBF zu HEX #7F9301BF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 14%, #7F9301BF 88%);

Radial

HEX #806CFEBF zu HEX #7F9301BF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 11%, #7F9301BF 98%);

 

HEX #7F9301BF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #7F9301BF 1%, #806CFEBF 89%);

 

HEX #7F9301BF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #7F9301BF 13%, #806CFEBF 93%);

Linear

HEX #806CFEBF zu HEX #6C7FFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 6%, #6C7FFEBF 94%);

Radial

HEX #806CFEBF zu HEX #6C7FFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 7%, #6C7FFEBF 87%);

 

HEX #6C7FFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #6C7FFEBF 4%, #806CFEBF 91%);

 

HEX #6C7FFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #6C7FFEBF 6%, #806CFEBF 92%);

 

HEX #806CFEBF zu HEX #7F6CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 1%, #7F6CFEBF 90%);

 

HEX #806CFEBF zu HEX #7F6CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 5%, #7F6CFEBF 86%);

 

HEX #7F6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #7F6CFEBF 11%, #806CFEBF 86%);

 

HEX #7F6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #7F6CFEBF 13%, #806CFEBF 88%);

 

HEX #806CFEBF zu HEX #A66CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 9%, #A66CFEBF 90%);

 

HEX #806CFEBF zu HEX #A66CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 2%, #A66CFEBF 86%);

 

HEX #A66CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #A66CFEBF 11%, #806CFEBF 86%);

 

HEX #A66CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #A66CFEBF 2%, #806CFEBF 97%);

 

HEX #806CFEBF zu HEX #CD6CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 8%, #CD6CFEBF 87%);

 

HEX #806CFEBF zu HEX #CD6CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 5%, #CD6CFEBF 86%);

 

HEX #CD6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #CD6CFEBF 5%, #806CFEBF 89%);

 

HEX #CD6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #CD6CFEBF 14%, #806CFEBF 91%);

Linear

HEX #806CFEBF zu HEX #5C43FE


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 5%, #5C43FE 96%);

Radial

HEX #806CFEBF zu HEX #5C43FE


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 9%, #5C43FE 97%);

 

HEX #5C43FE zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #5C43FE 3%, #806CFEBF 90%);

 

HEX #5C43FE zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #5C43FE 12%, #806CFEBF 93%);

 

HEX #806CFEBF zu HEX #806CFE


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 11%, #806CFE 93%);

 

HEX #806CFEBF zu HEX #806CFE


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 6%, #806CFE 88%);

 

HEX #806CFE zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFE 9%, #806CFEBF 94%);

 

HEX #806CFE zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFE 3%, #806CFEBF 93%);

 

HEX #806CFEBF zu HEX #A395FE


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 8%, #A395FE 90%);

 

HEX #806CFEBF zu HEX #A395FE


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 6%, #A395FE 89%);

 

HEX #A395FE zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #A395FE 6%, #806CFEBF 96%);

 

HEX #A395FE zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #A395FE 4%, #806CFEBF 94%);

 

HEX #806CFEBF zu HEX #C7BEFF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 12%, #C7BEFF 97%);

 

HEX #806CFEBF zu HEX #C7BEFF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 1%, #C7BEFF 97%);

 

HEX #C7BEFF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #C7BEFF 7%, #806CFEBF 89%);

 

HEX #C7BEFF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #C7BEFF 5%, #806CFEBF 100%);

Linear

HEX #806CFEBF zu HEX #6C7FFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 1%, #6C7FFEBF 100%);

Radial

HEX #806CFEBF zu HEX #6C7FFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 14%, #6C7FFEBF 92%);

 

HEX #6C7FFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #6C7FFEBF 3%, #806CFEBF 98%);

 

HEX #6C7FFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #6C7FFEBF 11%, #806CFEBF 91%);

 

HEX #806CFEBF zu HEX #7F6CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 12%, #7F6CFEBF 98%);

 

HEX #806CFEBF zu HEX #7F6CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 0%, #7F6CFEBF 94%);

 

HEX #7F6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #7F6CFEBF 3%, #806CFEBF 97%);

 

HEX #7F6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #7F6CFEBF 3%, #806CFEBF 93%);

 

HEX #806CFEBF zu HEX #A66CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 11%, #A66CFEBF 91%);

 

HEX #806CFEBF zu HEX #A66CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 9%, #A66CFEBF 89%);

 

HEX #A66CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #A66CFEBF 12%, #806CFEBF 94%);

 

HEX #A66CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #A66CFEBF 12%, #806CFEBF 96%);

 

HEX #806CFEBF zu HEX #CD6CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 10%, #CD6CFEBF 98%);

 

HEX #806CFEBF zu HEX #CD6CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 11%, #CD6CFEBF 91%);

 

HEX #CD6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #CD6CFEBF 5%, #806CFEBF 87%);

 

HEX #CD6CFEBF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #CD6CFEBF 4%, #806CFEBF 100%);

Linear

HEX #806CFEBF zu HEX #5C43FE


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 11%, #5C43FE 88%);

Radial

HEX #806CFEBF zu HEX #5C43FE


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 13%, #5C43FE 95%);

 

HEX #5C43FE zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #5C43FE 7%, #806CFEBF 93%);

 

HEX #5C43FE zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #5C43FE 12%, #806CFEBF 97%);

 

HEX #806CFEBF zu HEX #806CFE


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 14%, #806CFE 97%);

 

HEX #806CFEBF zu HEX #806CFE


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 11%, #806CFE 95%);

 

HEX #806CFE zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #806CFE 0%, #806CFEBF 100%);

 

HEX #806CFE zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #806CFE 1%, #806CFEBF 98%);

 

HEX #806CFEBF zu HEX #A395FE


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 4%, #A395FE 95%);

 

HEX #806CFEBF zu HEX #A395FE


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 3%, #A395FE 90%);

 

HEX #A395FE zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #A395FE 9%, #806CFEBF 94%);

 

HEX #A395FE zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #A395FE 13%, #806CFEBF 86%);

 

HEX #806CFEBF zu HEX #C7BEFF


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 4%, #C7BEFF 89%);

 

HEX #806CFEBF zu HEX #C7BEFF


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 13%, #C7BEFF 96%);

 

HEX #C7BEFF zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #C7BEFF 10%, #806CFEBF 95%);

 

HEX #C7BEFF zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #C7BEFF 6%, #806CFEBF 90%);

Linear

HEX #806CFEBF zu HEX #FE6CCD


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 11%, #FE6CCD 94%);

Radial

HEX #806CFEBF zu HEX #FE6CCD


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 6%, #FE6CCD 91%);

 

HEX #FE6CCD zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #FE6CCD 13%, #806CFEBF 98%);

 

HEX #FE6CCD zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #FE6CCD 13%, #806CFEBF 99%);

 

HEX #806CFEBF zu HEX #93FE6C


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 7%, #93FE6C 86%);

 

HEX #806CFEBF zu HEX #93FE6C


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 4%, #93FE6C 86%);

 

HEX #93FE6C zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #93FE6C 4%, #806CFEBF 87%);

 

HEX #93FE6C zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #93FE6C 12%, #806CFEBF 97%);

Linear

HEX #806CFEBF zu HEX #FE7F6C


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 11%, #FE7F6C 90%);

Radial

HEX #806CFEBF zu HEX #FE7F6C


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 14%, #FE7F6C 99%);

 

HEX #FE7F6C zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #FE7F6C 4%, #806CFEBF 88%);

 

HEX #FE7F6C zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #FE7F6C 11%, #806CFEBF 100%);

 

HEX #806CFEBF zu HEX #6CFE7F


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 1%, #6CFE7F 98%);

 

HEX #806CFEBF zu HEX #6CFE7F


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 8%, #6CFE7F 98%);

 

HEX #6CFE7F zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #6CFE7F 9%, #806CFEBF 89%);

 

HEX #6CFE7F zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #6CFE7F 6%, #806CFEBF 87%);

Linear

HEX #806CFEBF zu HEX #FE6CCD


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 14%, #FE6CCD 90%);

Radial

HEX #806CFEBF zu HEX #FE6CCD


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 14%, #FE6CCD 100%);

 

HEX #FE6CCD zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #FE6CCD 1%, #806CFEBF 89%);

 

HEX #FE6CCD zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #FE6CCD 8%, #806CFEBF 86%);

 

HEX #806CFEBF zu HEX #EBFE6C


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 8%, #EBFE6C 89%);

 

HEX #806CFEBF zu HEX #EBFE6C


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 10%, #EBFE6C 92%);

 

HEX #EBFE6C zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #EBFE6C 14%, #806CFEBF 87%);

 

HEX #EBFE6C zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #EBFE6C 2%, #806CFEBF 92%);

 

HEX #806CFEBF zu HEX #6CFE9D


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 9%, #6CFE9D 100%);

 

HEX #806CFEBF zu HEX #6CFE9D


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 7%, #6CFE9D 90%);

 

HEX #6CFE9D zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #6CFE9D 4%, #806CFEBF 92%);

 

HEX #6CFE9D zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #6CFE9D 8%, #806CFEBF 98%);

Linear

HEX #806CFEBF zu HEX #FE6CA2


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 0%, #FE6CA2 93%);

Radial

HEX #806CFEBF zu HEX #FE6CA2


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 12%, #FE6CA2 88%);

 

HEX #FE6CA2 zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #FE6CA2 14%, #806CFEBF 96%);

 

HEX #FE6CA2 zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #FE6CA2 3%, #806CFEBF 95%);

 

HEX #806CFEBF zu HEX #EBFE6C


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 11%, #EBFE6C 87%);

 

HEX #806CFEBF zu HEX #EBFE6C


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 11%, #EBFE6C 94%);

 

HEX #EBFE6C zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #EBFE6C 11%, #806CFEBF 99%);

 

HEX #EBFE6C zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #EBFE6C 14%, #806CFEBF 95%);

 

HEX #806CFEBF zu HEX #6CFEC9


CSS-Code:

background-image: linear-gradient(135deg, #806CFEBF 9%, #6CFEC9 100%);

 

HEX #806CFEBF zu HEX #6CFEC9


CSS-Code:

background-image: radial-gradient(circle, #806CFEBF 4%, #6CFEC9 94%);

 

HEX #6CFEC9 zu HEX #806CFEBF


CSS-Code:

background-image: linear-gradient(135deg, #6CFEC9 8%, #806CFEBF 96%);

 

HEX #6CFEC9 zu HEX #806CFEBF


CSS-Code:

background-image: radial-gradient(circle, #6CFEC9 14%, #806CFEBF 91%);

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.