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

✕

CSS Gradienten:
#ACCB60

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 172 Rot, 203 Grün und 96 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 15 Cyan, keine Magenta, 53 Gelb und 20 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 #ACCB60 - Komplementärfarbe

Linear

HEX #ACCB60 zu HEX #53349F

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 13%, #53349F 89%);

Radial

HEX #ACCB60 zu HEX #53349F

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 9%, #53349F 88%);

HEX #53349F zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #53349F 6%, #ACCB60 98%);

HEX #53349F zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #53349F 10%, #ACCB60 93%);

2-Farben Gradienten von #ACCB60 - Hellere Farbtöne

Linear

HEX #ACCB60 zu HEX #CACC61

CSS-Code:

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

Radial

HEX #ACCB60 zu HEX #CACC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 12%, #CACC61 91%);

HEX #CACC61 zu HEX #ACCB60

CSS-Code:

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

HEX #CACC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CACC61 8%, #ACCB60 94%);

HEX #ACCB60 zu HEX #AECC61

CSS-Code:

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

HEX #ACCB60 zu HEX #AECC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 13%, #AECC61 100%);

HEX #AECC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #AECC61 7%, #ACCB60 98%);

HEX #AECC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #AECC61 1%, #ACCB60 91%);

HEX #ACCB60 zu HEX #91CC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 7%, #91CC61 89%);

HEX #ACCB60 zu HEX #91CC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 2%, #91CC61 95%);

HEX #91CC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #91CC61 0%, #ACCB60 90%);

HEX #91CC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #91CC61 0%, #ACCB60 89%);

HEX #ACCB60 zu HEX #75CC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 5%, #75CC61 92%);

HEX #ACCB60 zu HEX #75CC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 4%, #75CC61 90%);

HEX #75CC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #75CC61 2%, #ACCB60 93%);

HEX #75CC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #75CC61 4%, #ACCB60 99%);

2-Farben Gradienten von #ACCB60 - Dunklere Farbtöne

Linear

HEX #ACCB60 zu HEX #9DC242

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 0%, #9DC242 91%);

Radial

HEX #ACCB60 zu HEX #9DC242

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 11%, #9DC242 93%);

HEX #9DC242 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #9DC242 2%, #ACCB60 89%);

HEX #9DC242 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #9DC242 5%, #ACCB60 87%);

HEX #ACCB60 zu HEX #ADCC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 4%, #ADCC61 94%);

HEX #ACCB60 zu HEX #ADCC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 9%, #ADCC61 97%);

HEX #ADCC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #ADCC61 4%, #ACCB60 96%);

HEX #ADCC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #ADCC61 7%, #ACCB60 100%);

HEX #ACCB60 zu HEX #BDD680

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 7%, #BDD680 94%);

HEX #ACCB60 zu HEX #BDD680

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 7%, #BDD680 98%);

HEX #BDD680 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #BDD680 3%, #ACCB60 88%);

HEX #BDD680 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #BDD680 2%, #ACCB60 96%);

HEX #ACCB60 zu HEX #CDE09F

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 6%, #CDE09F 96%);

HEX #ACCB60 zu HEX #CDE09F

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 6%, #CDE09F 87%);

HEX #CDE09F zu HEX #ACCB60

CSS-Code:

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

HEX #CDE09F zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CDE09F 9%, #ACCB60 99%);

2-Farben Gradienten von #ACCB60 - Analoge Farben

Linear

HEX #ACCB60 zu HEX #CACC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 11%, #CACC61 86%);

Radial

HEX #ACCB60 zu HEX #CACC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 8%, #CACC61 87%);

HEX #CACC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #CACC61 12%, #ACCB60 87%);

HEX #CACC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CACC61 6%, #ACCB60 94%);

HEX #ACCB60 zu HEX #AECC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 1%, #AECC61 92%);

HEX #ACCB60 zu HEX #AECC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 9%, #AECC61 92%);

HEX #AECC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #AECC61 4%, #ACCB60 94%);

HEX #AECC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #AECC61 1%, #ACCB60 89%);

HEX #ACCB60 zu HEX #91CC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 6%, #91CC61 87%);

HEX #ACCB60 zu HEX #91CC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 7%, #91CC61 90%);

HEX #91CC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #91CC61 14%, #ACCB60 94%);

HEX #91CC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #91CC61 12%, #ACCB60 88%);

HEX #ACCB60 zu HEX #75CC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 8%, #75CC61 99%);

HEX #ACCB60 zu HEX #75CC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 14%, #75CC61 90%);

HEX #75CC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #75CC61 2%, #ACCB60 99%);

HEX #75CC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #75CC61 11%, #ACCB60 97%);

2-Farben Gradienten von #ACCB60 - Monochromatische Farben

Linear

HEX #ACCB60 zu HEX #9DC242

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 8%, #9DC242 96%);

Radial

HEX #ACCB60 zu HEX #9DC242

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 8%, #9DC242 100%);

HEX #9DC242 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #9DC242 10%, #ACCB60 100%);

HEX #9DC242 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #9DC242 2%, #ACCB60 90%);

HEX #ACCB60 zu HEX #ADCC61

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 5%, #ADCC61 97%);

HEX #ACCB60 zu HEX #ADCC61

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 0%, #ADCC61 93%);

HEX #ADCC61 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #ADCC61 3%, #ACCB60 94%);

HEX #ADCC61 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #ADCC61 13%, #ACCB60 96%);

HEX #ACCB60 zu HEX #BDD680

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 3%, #BDD680 96%);

HEX #ACCB60 zu HEX #BDD680

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 0%, #BDD680 96%);

HEX #BDD680 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #BDD680 4%, #ACCB60 86%);

HEX #BDD680 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #BDD680 14%, #ACCB60 93%);

HEX #ACCB60 zu HEX #CDE09F

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 13%, #CDE09F 93%);

HEX #ACCB60 zu HEX #CDE09F

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 4%, #CDE09F 100%);

HEX #CDE09F zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #CDE09F 11%, #ACCB60 93%);

HEX #CDE09F zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CDE09F 3%, #ACCB60 93%);

2-Farben Gradienten von #ACCB60 - Teilkomplementär Farben

Linear

HEX #ACCB60 zu HEX #61CC95

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 14%, #61CC95 89%);

Radial

HEX #ACCB60 zu HEX #61CC95

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 9%, #61CC95 90%);

HEX #61CC95 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #61CC95 4%, #ACCB60 100%);

HEX #61CC95 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #61CC95 8%, #ACCB60 98%);

HEX #ACCB60 zu HEX #BF61CC

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 13%, #BF61CC 94%);

HEX #ACCB60 zu HEX #BF61CC

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 2%, #BF61CC 95%);

HEX #BF61CC zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #BF61CC 7%, #ACCB60 92%);

HEX #BF61CC zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #BF61CC 10%, #ACCB60 88%);

2-Farben Gradienten von #ACCB60 - Triadische Farben

Linear

HEX #ACCB60 zu HEX #61AECC

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 6%, #61AECC 86%);

Radial

HEX #ACCB60 zu HEX #61AECC

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 3%, #61AECC 86%);

HEX #61AECC zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #61AECC 11%, #ACCB60 95%);

HEX #61AECC zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #61AECC 6%, #ACCB60 93%);

HEX #ACCB60 zu HEX #CC61AE

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 3%, #CC61AE 94%);

HEX #ACCB60 zu HEX #CC61AE

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 5%, #CC61AE 95%);

HEX #CC61AE zu HEX #ACCB60

CSS-Code:

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

HEX #CC61AE zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CC61AE 9%, #ACCB60 91%);

2-Farben Gradienten von #ACCB60 - Rechteckige (Tetradische) Farben

Linear

HEX #ACCB60 zu HEX #61CC95

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 4%, #61CC95 94%);

Radial

HEX #ACCB60 zu HEX #61CC95

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 0%, #61CC95 88%);

HEX #61CC95 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #61CC95 14%, #ACCB60 88%);

HEX #61CC95 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #61CC95 11%, #ACCB60 87%);

HEX #ACCB60 zu HEX #7F61CC

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 8%, #7F61CC 86%);

HEX #ACCB60 zu HEX #7F61CC

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 1%, #7F61CC 96%);

HEX #7F61CC zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #7F61CC 0%, #ACCB60 99%);

HEX #7F61CC zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #7F61CC 6%, #ACCB60 86%);

HEX #ACCB60 zu HEX #CC6198

CSS-Code:

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

HEX #ACCB60 zu HEX #CC6198

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 7%, #CC6198 88%);

HEX #CC6198 zu HEX #ACCB60

CSS-Code:

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

HEX #CC6198 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CC6198 7%, #ACCB60 96%);

2-Farben Gradienten von #ACCB60 - Quadratische Farben

Linear

HEX #ACCB60 zu HEX #61CCB5

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 10%, #61CCB5 87%);

Radial

HEX #ACCB60 zu HEX #61CCB5

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 2%, #61CCB5 90%);

HEX #61CCB5 zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #61CCB5 6%, #ACCB60 99%);

HEX #61CCB5 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #61CCB5 9%, #ACCB60 100%);

HEX #ACCB60 zu HEX #7F61CC

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 13%, #7F61CC 96%);

HEX #ACCB60 zu HEX #7F61CC

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 3%, #7F61CC 89%);

HEX #7F61CC zu HEX #ACCB60

CSS-Code:

background-image: linear-gradient(135deg, #7F61CC 3%, #ACCB60 100%);

HEX #7F61CC zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #7F61CC 10%, #ACCB60 91%);

HEX #ACCB60 zu HEX #CC6178

CSS-Code:

background-image: linear-gradient(135deg, #ACCB60 4%, #CC6178 86%);

HEX #ACCB60 zu HEX #CC6178

CSS-Code:

background-image: radial-gradient(circle, #ACCB60 13%, #CC6178 96%);

HEX #CC6178 zu HEX #ACCB60

CSS-Code:

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

HEX #CC6178 zu HEX #ACCB60

CSS-Code:

background-image: radial-gradient(circle, #CC6178 14%, #ACCB60 96%);

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.