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

✕

CSS Gradienten:
#ACAD60

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, 173 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 1 Cyan, keine Magenta, 45 Gelb und 32 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 #ACAD60 - Komplementärfarbe

Linear

HEX #ACAD60 zu HEX #53529F

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 8%, #53529F 97%);

Radial

HEX #ACAD60 zu HEX #53529F

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 3%, #53529F 90%);

HEX #53529F zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #53529F 11%, #ACAD60 87%);

HEX #53529F zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #53529F 13%, #ACAD60 98%);

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

Linear

HEX #ACAD60 zu HEX #AE9961

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 3%, #AE9961 90%);

Radial

HEX #ACAD60 zu HEX #AE9961

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 2%, #AE9961 95%);

HEX #AE9961 zu HEX #ACAD60

CSS-Code:

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

HEX #AE9961 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AE9961 11%, #ACAD60 93%);

HEX #ACAD60 zu HEX #AEAE61

CSS-Code:

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

HEX #ACAD60 zu HEX #AEAE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 14%, #AEAE61 96%);

HEX #AEAE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #AEAE61 9%, #ACAD60 93%);

HEX #AEAE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AEAE61 2%, #ACAD60 96%);

HEX #ACAD60 zu HEX #99AE61

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 4%, #99AE61 95%);

HEX #ACAD60 zu HEX #99AE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 12%, #99AE61 88%);

HEX #99AE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #99AE61 7%, #ACAD60 92%);

HEX #99AE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #99AE61 4%, #ACAD60 91%);

HEX #ACAD60 zu HEX #85AE61

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 3%, #85AE61 90%);

HEX #ACAD60 zu HEX #85AE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 2%, #85AE61 94%);

HEX #85AE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #85AE61 6%, #ACAD60 95%);

HEX #85AE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #85AE61 2%, #ACAD60 87%);

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

Linear

HEX #ACAD60 zu HEX #96974E

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 12%, #96974E 100%);

Radial

HEX #ACAD60 zu HEX #96974E

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 14%, #96974E 90%);

HEX #96974E zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #96974E 13%, #ACAD60 92%);

HEX #96974E zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #96974E 9%, #ACAD60 87%);

HEX #ACAD60 zu HEX #ADAE61

CSS-Code:

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

HEX #ACAD60 zu HEX #ADAE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 1%, #ADAE61 88%);

HEX #ADAE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #ADAE61 0%, #ACAD60 87%);

HEX #ADAE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #ADAE61 6%, #ACAD60 90%);

HEX #ACAD60 zu HEX #BBBC7C

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 12%, #BBBC7C 92%);

HEX #ACAD60 zu HEX #BBBC7C

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 8%, #BBBC7C 91%);

HEX #BBBC7C zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #BBBC7C 6%, #ACAD60 95%);

HEX #BBBC7C zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #BBBC7C 13%, #ACAD60 93%);

HEX #ACAD60 zu HEX #C9CA97

CSS-Code:

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

HEX #ACAD60 zu HEX #C9CA97

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 1%, #C9CA97 98%);

HEX #C9CA97 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #C9CA97 9%, #ACAD60 97%);

HEX #C9CA97 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #C9CA97 0%, #ACAD60 92%);

2-Farben Gradienten von #ACAD60 - Analoge Farben

Linear

HEX #ACAD60 zu HEX #AE9961

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 1%, #AE9961 88%);

Radial

HEX #ACAD60 zu HEX #AE9961

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 13%, #AE9961 90%);

HEX #AE9961 zu HEX #ACAD60

CSS-Code:

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

HEX #AE9961 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AE9961 11%, #ACAD60 94%);

HEX #ACAD60 zu HEX #AEAE61

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 6%, #AEAE61 99%);

HEX #ACAD60 zu HEX #AEAE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 13%, #AEAE61 97%);

HEX #AEAE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #AEAE61 6%, #ACAD60 86%);

HEX #AEAE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AEAE61 14%, #ACAD60 89%);

HEX #ACAD60 zu HEX #99AE61

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 5%, #99AE61 98%);

HEX #ACAD60 zu HEX #99AE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 9%, #99AE61 91%);

HEX #99AE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #99AE61 13%, #ACAD60 88%);

HEX #99AE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #99AE61 11%, #ACAD60 86%);

HEX #ACAD60 zu HEX #85AE61

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 4%, #85AE61 98%);

HEX #ACAD60 zu HEX #85AE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 6%, #85AE61 90%);

HEX #85AE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #85AE61 12%, #ACAD60 92%);

HEX #85AE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #85AE61 3%, #ACAD60 92%);

2-Farben Gradienten von #ACAD60 - Monochromatische Farben

Linear

HEX #ACAD60 zu HEX #96974E

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 7%, #96974E 95%);

Radial

HEX #ACAD60 zu HEX #96974E

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 9%, #96974E 96%);

HEX #96974E zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #96974E 13%, #ACAD60 87%);

HEX #96974E zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #96974E 0%, #ACAD60 97%);

HEX #ACAD60 zu HEX #ADAE61

CSS-Code:

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

HEX #ACAD60 zu HEX #ADAE61

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 12%, #ADAE61 98%);

HEX #ADAE61 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #ADAE61 9%, #ACAD60 89%);

HEX #ADAE61 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #ADAE61 7%, #ACAD60 90%);

HEX #ACAD60 zu HEX #BBBC7C

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 4%, #BBBC7C 92%);

HEX #ACAD60 zu HEX #BBBC7C

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 1%, #BBBC7C 91%);

HEX #BBBC7C zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #BBBC7C 4%, #ACAD60 90%);

HEX #BBBC7C zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #BBBC7C 0%, #ACAD60 96%);

HEX #ACAD60 zu HEX #C9CA97

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 1%, #C9CA97 100%);

HEX #ACAD60 zu HEX #C9CA97

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 0%, #C9CA97 99%);

HEX #C9CA97 zu HEX #ACAD60

CSS-Code:

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

HEX #C9CA97 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #C9CA97 12%, #ACAD60 88%);

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

Linear

HEX #ACAD60 zu HEX #61AE70

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 9%, #61AE70 93%);

Radial

HEX #ACAD60 zu HEX #61AE70

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 8%, #61AE70 86%);

HEX #61AE70 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #61AE70 7%, #ACAD60 89%);

HEX #61AE70 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #61AE70 4%, #ACAD60 93%);

HEX #ACAD60 zu HEX #8F61AE

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 2%, #8F61AE 97%);

HEX #ACAD60 zu HEX #8F61AE

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 5%, #8F61AE 96%);

HEX #8F61AE zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #8F61AE 1%, #ACAD60 100%);

HEX #8F61AE zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #8F61AE 10%, #ACAD60 94%);

2-Farben Gradienten von #ACAD60 - Triadische Farben

Linear

HEX #ACAD60 zu HEX #61AEAE

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 9%, #61AEAE 95%);

Radial

HEX #ACAD60 zu HEX #61AEAE

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 7%, #61AEAE 99%);

HEX #61AEAE zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #61AEAE 11%, #ACAD60 91%);

HEX #61AEAE zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #61AEAE 0%, #ACAD60 87%);

HEX #ACAD60 zu HEX #AE61AE

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 6%, #AE61AE 92%);

HEX #ACAD60 zu HEX #AE61AE

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 6%, #AE61AE 95%);

HEX #AE61AE zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #AE61AE 1%, #ACAD60 98%);

HEX #AE61AE zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AE61AE 5%, #ACAD60 95%);

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

Linear

HEX #ACAD60 zu HEX #61AE70

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 12%, #61AE70 91%);

Radial

HEX #ACAD60 zu HEX #61AE70

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 7%, #61AE70 93%);

HEX #61AE70 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #61AE70 3%, #ACAD60 100%);

HEX #61AE70 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #61AE70 5%, #ACAD60 98%);

HEX #ACAD60 zu HEX #6161AE

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 8%, #6161AE 99%);

HEX #ACAD60 zu HEX #6161AE

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 13%, #6161AE 86%);

HEX #6161AE zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #6161AE 14%, #ACAD60 86%);

HEX #6161AE zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #6161AE 7%, #ACAD60 89%);

HEX #ACAD60 zu HEX #AE619E

CSS-Code:

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

HEX #ACAD60 zu HEX #AE619E

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 10%, #AE619E 86%);

HEX #AE619E zu HEX #ACAD60

CSS-Code:

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

HEX #AE619E zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AE619E 13%, #ACAD60 89%);

2-Farben Gradienten von #ACAD60 - Quadratische Farben

Linear

HEX #ACAD60 zu HEX #61AE87

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 1%, #61AE87 97%);

Radial

HEX #ACAD60 zu HEX #61AE87

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 7%, #61AE87 97%);

HEX #61AE87 zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #61AE87 5%, #ACAD60 97%);

HEX #61AE87 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #61AE87 9%, #ACAD60 99%);

HEX #ACAD60 zu HEX #6161AE

CSS-Code:

background-image: linear-gradient(135deg, #ACAD60 10%, #6161AE 98%);

HEX #ACAD60 zu HEX #6161AE

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 1%, #6161AE 89%);

HEX #6161AE zu HEX #ACAD60

CSS-Code:

background-image: linear-gradient(135deg, #6161AE 11%, #ACAD60 99%);

HEX #6161AE zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #6161AE 10%, #ACAD60 93%);

HEX #ACAD60 zu HEX #AE6187

CSS-Code:

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

HEX #ACAD60 zu HEX #AE6187

CSS-Code:

background-image: radial-gradient(circle, #ACAD60 14%, #AE6187 91%);

HEX #AE6187 zu HEX #ACAD60

CSS-Code:

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

HEX #AE6187 zu HEX #ACAD60

CSS-Code:

background-image: radial-gradient(circle, #AE6187 8%, #ACAD60 87%);

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.