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

✕

CSS Gradienten:
#603ACE

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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 96 Rot, 58 Grün und 206 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 53 Cyan, 72 Magenta, keine Gelb und 19 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #603ACE - Komplementärfarbe

Linear

HEX #603ACE zu HEX #9FC531

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 5%, #9FC531 86%);

Radial

HEX #603ACE zu HEX #9FC531

CSS-Code:

background-image: radial-gradient(circle, #603ACE 14%, #9FC531 93%);

HEX #9FC531 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #9FC531 10%, #603ACE 96%);

HEX #9FC531 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #9FC531 10%, #603ACE 100%);

2-Farben Gradienten von #603ACE - Hellere Farbtöne

Linear

HEX #603ACE zu HEX #3B3ECE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 6%, #3B3ECE 94%);

Radial

HEX #603ACE zu HEX #3B3ECE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 9%, #3B3ECE 98%);

HEX #3B3ECE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #3B3ECE 9%, #603ACE 91%);

HEX #3B3ECE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #3B3ECE 7%, #603ACE 88%);

HEX #603ACE zu HEX #603BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 2%, #603BCE 92%);

HEX #603ACE zu HEX #603BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 7%, #603BCE 96%);

HEX #603BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #603BCE 4%, #603ACE 87%);

HEX #603BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #603BCE 4%, #603ACE 91%);

HEX #603ACE zu HEX #873BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 1%, #873BCE 100%);

HEX #603ACE zu HEX #873BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 2%, #873BCE 95%);

HEX #873BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #873BCE 1%, #603ACE 87%);

HEX #873BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #873BCE 8%, #603ACE 91%);

HEX #603ACE zu HEX #AE3BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 10%, #AE3BCE 100%);

HEX #603ACE zu HEX #AE3BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 6%, #AE3BCE 95%);

HEX #AE3BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #AE3BCE 3%, #603ACE 92%);

HEX #AE3BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #AE3BCE 0%, #603ACE 98%);

2-Farben Gradienten von #603ACE - Dunklere Farbtöne

Linear

HEX #603ACE zu HEX #4F2DB3

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 12%, #4F2DB3 96%);

Radial

HEX #603ACE zu HEX #4F2DB3

CSS-Code:

background-image: radial-gradient(circle, #603ACE 2%, #4F2DB3 96%);

HEX #4F2DB3 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #4F2DB3 6%, #603ACE 90%);

HEX #4F2DB3 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #4F2DB3 7%, #603ACE 99%);

HEX #603ACE zu HEX #613BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 0%, #613BCE 97%);

HEX #603ACE zu HEX #613BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 6%, #613BCE 86%);

HEX #613BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #613BCE 7%, #603ACE 97%);

HEX #613BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #613BCE 12%, #603ACE 92%);

HEX #603ACE zu HEX #7C5CD6

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 13%, #7C5CD6 92%);

HEX #603ACE zu HEX #7C5CD6

CSS-Code:

background-image: radial-gradient(circle, #603ACE 8%, #7C5CD6 88%);

HEX #7C5CD6 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #7C5CD6 2%, #603ACE 88%);

HEX #7C5CD6 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #7C5CD6 6%, #603ACE 86%);

HEX #603ACE zu HEX #967DDF

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 3%, #967DDF 97%);

HEX #603ACE zu HEX #967DDF

CSS-Code:

background-image: radial-gradient(circle, #603ACE 2%, #967DDF 100%);

HEX #967DDF zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #967DDF 2%, #603ACE 86%);

HEX #967DDF zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #967DDF 13%, #603ACE 86%);

2-Farben Gradienten von #603ACE - Analoge Farben

Linear

HEX #603ACE zu HEX #3B3ECE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 14%, #3B3ECE 99%);

Radial

HEX #603ACE zu HEX #3B3ECE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 8%, #3B3ECE 100%);

HEX #3B3ECE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #3B3ECE 4%, #603ACE 100%);

HEX #3B3ECE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #3B3ECE 12%, #603ACE 94%);

HEX #603ACE zu HEX #603BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 3%, #603BCE 96%);

HEX #603ACE zu HEX #603BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 6%, #603BCE 95%);

HEX #603BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #603BCE 12%, #603ACE 99%);

HEX #603BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #603BCE 11%, #603ACE 94%);

HEX #603ACE zu HEX #873BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 10%, #873BCE 96%);

HEX #603ACE zu HEX #873BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 9%, #873BCE 93%);

HEX #873BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #873BCE 8%, #603ACE 89%);

HEX #873BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #873BCE 3%, #603ACE 92%);

HEX #603ACE zu HEX #AE3BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 0%, #AE3BCE 94%);

HEX #603ACE zu HEX #AE3BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 13%, #AE3BCE 86%);

HEX #AE3BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #AE3BCE 13%, #603ACE 96%);

HEX #AE3BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #AE3BCE 9%, #603ACE 92%);

2-Farben Gradienten von #603ACE - Monochromatische Farben

Linear

HEX #603ACE zu HEX #4F2DB3

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 14%, #4F2DB3 92%);

Radial

HEX #603ACE zu HEX #4F2DB3

CSS-Code:

background-image: radial-gradient(circle, #603ACE 9%, #4F2DB3 93%);

HEX #4F2DB3 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #4F2DB3 12%, #603ACE 88%);

HEX #4F2DB3 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #4F2DB3 12%, #603ACE 93%);

HEX #603ACE zu HEX #613BCE

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 2%, #613BCE 90%);

HEX #603ACE zu HEX #613BCE

CSS-Code:

background-image: radial-gradient(circle, #603ACE 7%, #613BCE 98%);

HEX #613BCE zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #613BCE 7%, #603ACE 97%);

HEX #613BCE zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #613BCE 12%, #603ACE 100%);

HEX #603ACE zu HEX #7C5CD6

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 6%, #7C5CD6 86%);

HEX #603ACE zu HEX #7C5CD6

CSS-Code:

background-image: radial-gradient(circle, #603ACE 5%, #7C5CD6 96%);

HEX #7C5CD6 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #7C5CD6 2%, #603ACE 87%);

HEX #7C5CD6 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #7C5CD6 0%, #603ACE 96%);

HEX #603ACE zu HEX #967DDF

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 14%, #967DDF 95%);

HEX #603ACE zu HEX #967DDF

CSS-Code:

background-image: radial-gradient(circle, #603ACE 13%, #967DDF 91%);

HEX #967DDF zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #967DDF 3%, #603ACE 88%);

HEX #967DDF zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #967DDF 7%, #603ACE 87%);

2-Farben Gradienten von #603ACE - Teilkomplementär Farben

Linear

HEX #603ACE zu HEX #CE3B8C

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 11%, #CE3B8C 90%);

Radial

HEX #603ACE zu HEX #CE3B8C

CSS-Code:

background-image: radial-gradient(circle, #603ACE 10%, #CE3B8C 93%);

HEX #CE3B8C zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #CE3B8C 0%, #603ACE 92%);

HEX #CE3B8C zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #CE3B8C 5%, #603ACE 93%);

HEX #603ACE zu HEX #51CE3B

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 4%, #51CE3B 99%);

HEX #603ACE zu HEX #51CE3B

CSS-Code:

background-image: radial-gradient(circle, #603ACE 9%, #51CE3B 98%);

HEX #51CE3B zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #51CE3B 1%, #603ACE 100%);

HEX #51CE3B zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #51CE3B 12%, #603ACE 91%);

2-Farben Gradienten von #603ACE - Triadische Farben

Linear

HEX #603ACE zu HEX #CE603B

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 10%, #CE603B 98%);

Radial

HEX #603ACE zu HEX #CE603B

CSS-Code:

background-image: radial-gradient(circle, #603ACE 9%, #CE603B 97%);

HEX #CE603B zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #CE603B 0%, #603ACE 88%);

HEX #CE603B zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #CE603B 13%, #603ACE 98%);

HEX #603ACE zu HEX #3BCE60

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 8%, #3BCE60 95%);

HEX #603ACE zu HEX #3BCE60

CSS-Code:

background-image: radial-gradient(circle, #603ACE 5%, #3BCE60 92%);

HEX #3BCE60 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #3BCE60 14%, #603ACE 96%);

HEX #3BCE60 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #3BCE60 8%, #603ACE 88%);

2-Farben Gradienten von #603ACE - Rechteckige (Tetradische) Farben

Linear

HEX #603ACE zu HEX #CE3B8C

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 1%, #CE3B8C 86%);

Radial

HEX #603ACE zu HEX #CE3B8C

CSS-Code:

background-image: radial-gradient(circle, #603ACE 12%, #CE3B8C 87%);

HEX #CE3B8C zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #CE3B8C 2%, #603ACE 96%);

HEX #CE3B8C zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #CE3B8C 0%, #603ACE 91%);

HEX #603ACE zu HEX #A9CE3B

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 9%, #A9CE3B 94%);

HEX #603ACE zu HEX #A9CE3B

CSS-Code:

background-image: radial-gradient(circle, #603ACE 10%, #A9CE3B 96%);

HEX #A9CE3B zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #A9CE3B 1%, #603ACE 87%);

HEX #A9CE3B zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #A9CE3B 14%, #603ACE 99%);

HEX #603ACE zu HEX #3BCE7D

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 3%, #3BCE7D 97%);

HEX #603ACE zu HEX #3BCE7D

CSS-Code:

background-image: radial-gradient(circle, #603ACE 4%, #3BCE7D 94%);

HEX #3BCE7D zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #3BCE7D 11%, #603ACE 96%);

HEX #3BCE7D zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #3BCE7D 4%, #603ACE 90%);

2-Farben Gradienten von #603ACE - Quadratische Farben

Linear

HEX #603ACE zu HEX #CE3B60

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 5%, #CE3B60 90%);

Radial

HEX #603ACE zu HEX #CE3B60

CSS-Code:

background-image: radial-gradient(circle, #603ACE 3%, #CE3B60 95%);

HEX #CE3B60 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #CE3B60 13%, #603ACE 97%);

HEX #CE3B60 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #CE3B60 7%, #603ACE 91%);

HEX #603ACE zu HEX #A9CE3B

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 8%, #A9CE3B 90%);

HEX #603ACE zu HEX #A9CE3B

CSS-Code:

background-image: radial-gradient(circle, #603ACE 11%, #A9CE3B 89%);

HEX #A9CE3B zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #A9CE3B 1%, #603ACE 90%);

HEX #A9CE3B zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #A9CE3B 4%, #603ACE 88%);

HEX #603ACE zu HEX #3BCEA9

CSS-Code:

background-image: linear-gradient(135deg, #603ACE 9%, #3BCEA9 99%);

HEX #603ACE zu HEX #3BCEA9

CSS-Code:

background-image: radial-gradient(circle, #603ACE 7%, #3BCEA9 98%);

HEX #3BCEA9 zu HEX #603ACE

CSS-Code:

background-image: linear-gradient(135deg, #3BCEA9 14%, #603ACE 100%);

HEX #3BCEA9 zu HEX #603ACE

CSS-Code:

background-image: radial-gradient(circle, #3BCEA9 12%, #603ACE 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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Öffentlich

Abbrechen Teilen

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

Teilen

Ansehen

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

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

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