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

✕

CSS Gradienten:
#FFA167

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 255 Rot, 161 Grün und 103 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 keine Cyan, 37 Magenta, 60 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #FFA167 - Komplementärfarbe

Linear

HEX #FFA167 zu HEX #005E98

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 10%, #005E98 97%);

Radial

HEX #FFA167 zu HEX #005E98

CSS-Code:

background-image: radial-gradient(circle, #FFA167 12%, #005E98 91%);

HEX #005E98 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #005E98 8%, #FFA167 96%);

HEX #005E98 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #005E98 14%, #FFA167 100%);

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

Linear

HEX #FFA167 zu HEX #FF7566

CSS-Code:

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

Radial

HEX #FFA167 zu HEX #FF7566

CSS-Code:

background-image: radial-gradient(circle, #FFA167 4%, #FF7566 96%);

HEX #FF7566 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FF7566 7%, #FFA167 93%);

HEX #FF7566 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FF7566 3%, #FFA167 87%);

HEX #FFA167 zu HEX #FF9E66

CSS-Code:

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

HEX #FFA167 zu HEX #FF9E66

CSS-Code:

background-image: radial-gradient(circle, #FFA167 13%, #FF9E66 93%);

HEX #FF9E66 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FF9E66 2%, #FFA167 96%);

HEX #FF9E66 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FF9E66 13%, #FFA167 92%);

HEX #FFA167 zu HEX #FFC766

CSS-Code:

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

HEX #FFA167 zu HEX #FFC766

CSS-Code:

background-image: radial-gradient(circle, #FFA167 1%, #FFC766 89%);

HEX #FFC766 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FFC766 8%, #FFA167 98%);

HEX #FFC766 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFC766 12%, #FFA167 97%);

HEX #FFA167 zu HEX #FFF066

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 9%, #FFF066 94%);

HEX #FFA167 zu HEX #FFF066

CSS-Code:

background-image: radial-gradient(circle, #FFA167 14%, #FFF066 91%);

HEX #FFF066 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FFF066 10%, #FFA167 93%);

HEX #FFF066 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFF066 12%, #FFA167 88%);

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

Linear

HEX #FFA167 zu HEX #FF873D

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 14%, #FF873D 95%);

Radial

HEX #FFA167 zu HEX #FF873D

CSS-Code:

background-image: radial-gradient(circle, #FFA167 4%, #FF873D 93%);

HEX #FF873D zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FF873D 2%, #FFA167 100%);

HEX #FF873D zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FF873D 5%, #FFA167 98%);

HEX #FFA167 zu HEX #FFA066

CSS-Code:

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

HEX #FFA167 zu HEX #FFA066

CSS-Code:

background-image: radial-gradient(circle, #FFA167 14%, #FFA066 97%);

HEX #FFA066 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FFA066 5%, #FFA167 96%);

HEX #FFA066 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFA066 6%, #FFA167 89%);

HEX #FFA167 zu HEX #FFBA8F

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 5%, #FFBA8F 93%);

HEX #FFA167 zu HEX #FFBA8F

CSS-Code:

background-image: radial-gradient(circle, #FFA167 14%, #FFBA8F 94%);

HEX #FFBA8F zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FFBA8F 4%, #FFA167 95%);

HEX #FFBA8F zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFBA8F 6%, #FFA167 94%);

HEX #FFA167 zu HEX #FFD3B9

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 12%, #FFD3B9 88%);

HEX #FFA167 zu HEX #FFD3B9

CSS-Code:

background-image: radial-gradient(circle, #FFA167 13%, #FFD3B9 95%);

HEX #FFD3B9 zu HEX #FFA167

CSS-Code:

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

HEX #FFD3B9 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFD3B9 0%, #FFA167 98%);

2-Farben Gradienten von #FFA167 - Analoge Farben

Linear

HEX #FFA167 zu HEX #FF7566

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 3%, #FF7566 95%);

Radial

HEX #FFA167 zu HEX #FF7566

CSS-Code:

background-image: radial-gradient(circle, #FFA167 11%, #FF7566 92%);

HEX #FF7566 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FF7566 11%, #FFA167 99%);

HEX #FF7566 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FF7566 2%, #FFA167 99%);

HEX #FFA167 zu HEX #FF9E66

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 13%, #FF9E66 91%);

HEX #FFA167 zu HEX #FF9E66

CSS-Code:

background-image: radial-gradient(circle, #FFA167 7%, #FF9E66 96%);

HEX #FF9E66 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FF9E66 4%, #FFA167 87%);

HEX #FF9E66 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FF9E66 0%, #FFA167 91%);

HEX #FFA167 zu HEX #FFC766

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 14%, #FFC766 90%);

HEX #FFA167 zu HEX #FFC766

CSS-Code:

background-image: radial-gradient(circle, #FFA167 8%, #FFC766 97%);

HEX #FFC766 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FFC766 10%, #FFA167 91%);

HEX #FFC766 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFC766 6%, #FFA167 97%);

HEX #FFA167 zu HEX #FFF066

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 2%, #FFF066 87%);

HEX #FFA167 zu HEX #FFF066

CSS-Code:

background-image: radial-gradient(circle, #FFA167 14%, #FFF066 97%);

HEX #FFF066 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FFF066 3%, #FFA167 92%);

HEX #FFF066 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFF066 14%, #FFA167 92%);

2-Farben Gradienten von #FFA167 - Monochromatische Farben

Linear

HEX #FFA167 zu HEX #FF873D

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 9%, #FF873D 88%);

Radial

HEX #FFA167 zu HEX #FF873D

CSS-Code:

background-image: radial-gradient(circle, #FFA167 14%, #FF873D 91%);

HEX #FF873D zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #FF873D 11%, #FFA167 92%);

HEX #FF873D zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FF873D 4%, #FFA167 97%);

HEX #FFA167 zu HEX #FFA066

CSS-Code:

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

HEX #FFA167 zu HEX #FFA066

CSS-Code:

background-image: radial-gradient(circle, #FFA167 2%, #FFA066 89%);

HEX #FFA066 zu HEX #FFA167

CSS-Code:

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

HEX #FFA066 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFA066 13%, #FFA167 98%);

HEX #FFA167 zu HEX #FFBA8F

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 10%, #FFBA8F 93%);

HEX #FFA167 zu HEX #FFBA8F

CSS-Code:

background-image: radial-gradient(circle, #FFA167 4%, #FFBA8F 87%);

HEX #FFBA8F zu HEX #FFA167

CSS-Code:

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

HEX #FFBA8F zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFBA8F 6%, #FFA167 91%);

HEX #FFA167 zu HEX #FFD3B9

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 2%, #FFD3B9 96%);

HEX #FFA167 zu HEX #FFD3B9

CSS-Code:

background-image: radial-gradient(circle, #FFA167 0%, #FFD3B9 95%);

HEX #FFD3B9 zu HEX #FFA167

CSS-Code:

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

HEX #FFD3B9 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #FFD3B9 3%, #FFA167 88%);

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

Linear

HEX #FFA167 zu HEX #A8FF66

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 2%, #A8FF66 88%);

Radial

HEX #FFA167 zu HEX #A8FF66

CSS-Code:

background-image: radial-gradient(circle, #FFA167 10%, #A8FF66 100%);

HEX #A8FF66 zu HEX #FFA167

CSS-Code:

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

HEX #A8FF66 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #A8FF66 6%, #FFA167 88%);

HEX #FFA167 zu HEX #666BFF

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 0%, #666BFF 99%);

HEX #FFA167 zu HEX #666BFF

CSS-Code:

background-image: radial-gradient(circle, #FFA167 0%, #666BFF 86%);

HEX #666BFF zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #666BFF 14%, #FFA167 95%);

HEX #666BFF zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #666BFF 4%, #FFA167 88%);

2-Farben Gradienten von #FFA167 - Triadische Farben

Linear

HEX #FFA167 zu HEX #66FF9E

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 11%, #66FF9E 87%);

Radial

HEX #FFA167 zu HEX #66FF9E

CSS-Code:

background-image: radial-gradient(circle, #FFA167 13%, #66FF9E 95%);

HEX #66FF9E zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #66FF9E 10%, #FFA167 91%);

HEX #66FF9E zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #66FF9E 11%, #FFA167 87%);

HEX #FFA167 zu HEX #9E66FF

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 6%, #9E66FF 99%);

HEX #FFA167 zu HEX #9E66FF

CSS-Code:

background-image: radial-gradient(circle, #FFA167 8%, #9E66FF 94%);

HEX #9E66FF zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #9E66FF 5%, #FFA167 97%);

HEX #9E66FF zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #9E66FF 6%, #FFA167 100%);

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

Linear

HEX #FFA167 zu HEX #A8FF66

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 1%, #A8FF66 97%);

Radial

HEX #FFA167 zu HEX #A8FF66

CSS-Code:

background-image: radial-gradient(circle, #FFA167 5%, #A8FF66 100%);

HEX #A8FF66 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #A8FF66 8%, #FFA167 88%);

HEX #A8FF66 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #A8FF66 3%, #FFA167 99%);

HEX #FFA167 zu HEX #66C7FF

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 4%, #66C7FF 90%);

HEX #FFA167 zu HEX #66C7FF

CSS-Code:

background-image: radial-gradient(circle, #FFA167 14%, #66C7FF 100%);

HEX #66C7FF zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #66C7FF 11%, #FFA167 91%);

HEX #66C7FF zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #66C7FF 6%, #FFA167 100%);

HEX #FFA167 zu HEX #BD66FF

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 6%, #BD66FF 91%);

HEX #FFA167 zu HEX #BD66FF

CSS-Code:

background-image: radial-gradient(circle, #FFA167 2%, #BD66FF 89%);

HEX #BD66FF zu HEX #FFA167

CSS-Code:

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

HEX #BD66FF zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #BD66FF 4%, #FFA167 96%);

2-Farben Gradienten von #FFA167 - Quadratische Farben

Linear

HEX #FFA167 zu HEX #7AFF66

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 4%, #7AFF66 99%);

Radial

HEX #FFA167 zu HEX #7AFF66

CSS-Code:

background-image: radial-gradient(circle, #FFA167 4%, #7AFF66 100%);

HEX #7AFF66 zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #7AFF66 1%, #FFA167 96%);

HEX #7AFF66 zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #7AFF66 11%, #FFA167 95%);

HEX #FFA167 zu HEX #66C7FF

CSS-Code:

background-image: linear-gradient(135deg, #FFA167 1%, #66C7FF 89%);

HEX #FFA167 zu HEX #66C7FF

CSS-Code:

background-image: radial-gradient(circle, #FFA167 10%, #66C7FF 92%);

HEX #66C7FF zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #66C7FF 0%, #FFA167 90%);

HEX #66C7FF zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #66C7FF 14%, #FFA167 91%);

HEX #FFA167 zu HEX #EB66FF

CSS-Code:

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

HEX #FFA167 zu HEX #EB66FF

CSS-Code:

background-image: radial-gradient(circle, #FFA167 12%, #EB66FF 87%);

HEX #EB66FF zu HEX #FFA167

CSS-Code:

background-image: linear-gradient(135deg, #EB66FF 13%, #FFA167 95%);

HEX #EB66FF zu HEX #FFA167

CSS-Code:

background-image: radial-gradient(circle, #EB66FF 13%, #FFA167 92%);

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.