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

✕

CSS Gradienten:
#FFC126

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

Rot und Grün dominieren diesen Farbton deutlich: Der Rot- und der Grünwert liegen über Blau. 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, 193 Grün und 38 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, 24 Magenta, 85 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 #FFC126 - Komplementärfarbe

Linear

HEX #FFC126 zu HEX #003ED9

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 13%, #003ED9 97%);

Radial

HEX #FFC126 zu HEX #003ED9

CSS-Code:

background-image: radial-gradient(circle, #FFC126 11%, #003ED9 91%);

HEX #003ED9 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #003ED9 6%, #FFC126 88%);

HEX #003ED9 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #003ED9 12%, #FFC126 91%);

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

Linear

HEX #FFC126 zu HEX #FF8324

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 10%, #FF8324 88%);

Radial

HEX #FFC126 zu HEX #FF8324

CSS-Code:

background-image: radial-gradient(circle, #FFC126 13%, #FF8324 93%);

HEX #FF8324 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FF8324 10%, #FFC126 97%);

HEX #FF8324 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FF8324 1%, #FFC126 97%);

HEX #FFC126 zu HEX #FFBD24

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 2%, #FFBD24 90%);

HEX #FFC126 zu HEX #FFBD24

CSS-Code:

background-image: radial-gradient(circle, #FFC126 3%, #FFBD24 89%);

HEX #FFBD24 zu HEX #FFC126

CSS-Code:

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

HEX #FFBD24 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFBD24 10%, #FFC126 97%);

HEX #FFC126 zu HEX #FFF824

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 0%, #FFF824 90%);

HEX #FFC126 zu HEX #FFF824

CSS-Code:

background-image: radial-gradient(circle, #FFC126 11%, #FFF824 95%);

HEX #FFF824 zu HEX #FFC126

CSS-Code:

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

HEX #FFF824 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFF824 2%, #FFC126 89%);

HEX #FFC126 zu HEX #CCFF24

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 3%, #CCFF24 89%);

HEX #FFC126 zu HEX #CCFF24

CSS-Code:

background-image: radial-gradient(circle, #FFC126 5%, #CCFF24 93%);

HEX #CCFF24 zu HEX #FFC126

CSS-Code:

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

HEX #CCFF24 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #CCFF24 0%, #FFC126 96%);

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

Linear

HEX #FFC126 zu HEX #F9B200

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 7%, #F9B200 90%);

Radial

HEX #FFC126 zu HEX #F9B200

CSS-Code:

background-image: radial-gradient(circle, #FFC126 11%, #F9B200 89%);

HEX #F9B200 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #F9B200 12%, #FFC126 90%);

HEX #F9B200 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #F9B200 14%, #FFC126 86%);

HEX #FFC126 zu HEX #FFC024

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 8%, #FFC024 95%);

HEX #FFC126 zu HEX #FFC024

CSS-Code:

background-image: radial-gradient(circle, #FFC126 13%, #FFC024 96%);

HEX #FFC024 zu HEX #FFC126

CSS-Code:

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

HEX #FFC024 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFC024 0%, #FFC126 86%);

HEX #FFC126 zu HEX #FFCC4D

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 14%, #FFCC4D 91%);

HEX #FFC126 zu HEX #FFCC4D

CSS-Code:

background-image: radial-gradient(circle, #FFC126 3%, #FFCC4D 100%);

HEX #FFCC4D zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FFCC4D 12%, #FFC126 91%);

HEX #FFCC4D zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFCC4D 4%, #FFC126 87%);

HEX #FFC126 zu HEX #FFD876

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 0%, #FFD876 100%);

HEX #FFC126 zu HEX #FFD876

CSS-Code:

background-image: radial-gradient(circle, #FFC126 7%, #FFD876 89%);

HEX #FFD876 zu HEX #FFC126

CSS-Code:

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

HEX #FFD876 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFD876 1%, #FFC126 97%);

2-Farben Gradienten von #FFC126 - Analoge Farben

Linear

HEX #FFC126 zu HEX #FF8324

CSS-Code:

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

Radial

HEX #FFC126 zu HEX #FF8324

CSS-Code:

background-image: radial-gradient(circle, #FFC126 10%, #FF8324 89%);

HEX #FF8324 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FF8324 8%, #FFC126 93%);

HEX #FF8324 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FF8324 14%, #FFC126 86%);

HEX #FFC126 zu HEX #FFBD24

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 6%, #FFBD24 89%);

HEX #FFC126 zu HEX #FFBD24

CSS-Code:

background-image: radial-gradient(circle, #FFC126 1%, #FFBD24 86%);

HEX #FFBD24 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FFBD24 9%, #FFC126 86%);

HEX #FFBD24 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFBD24 13%, #FFC126 87%);

HEX #FFC126 zu HEX #FFF824

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 13%, #FFF824 97%);

HEX #FFC126 zu HEX #FFF824

CSS-Code:

background-image: radial-gradient(circle, #FFC126 10%, #FFF824 94%);

HEX #FFF824 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FFF824 13%, #FFC126 100%);

HEX #FFF824 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFF824 1%, #FFC126 99%);

HEX #FFC126 zu HEX #CCFF24

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 5%, #CCFF24 89%);

HEX #FFC126 zu HEX #CCFF24

CSS-Code:

background-image: radial-gradient(circle, #FFC126 10%, #CCFF24 96%);

HEX #CCFF24 zu HEX #FFC126

CSS-Code:

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

HEX #CCFF24 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #CCFF24 12%, #FFC126 97%);

2-Farben Gradienten von #FFC126 - Monochromatische Farben

Linear

HEX #FFC126 zu HEX #F9B200

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 4%, #F9B200 98%);

Radial

HEX #FFC126 zu HEX #F9B200

CSS-Code:

background-image: radial-gradient(circle, #FFC126 13%, #F9B200 100%);

HEX #F9B200 zu HEX #FFC126

CSS-Code:

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

HEX #F9B200 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #F9B200 14%, #FFC126 92%);

HEX #FFC126 zu HEX #FFC024

CSS-Code:

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

HEX #FFC126 zu HEX #FFC024

CSS-Code:

background-image: radial-gradient(circle, #FFC126 13%, #FFC024 92%);

HEX #FFC024 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FFC024 2%, #FFC126 93%);

HEX #FFC024 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFC024 1%, #FFC126 99%);

HEX #FFC126 zu HEX #FFCC4D

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 14%, #FFCC4D 99%);

HEX #FFC126 zu HEX #FFCC4D

CSS-Code:

background-image: radial-gradient(circle, #FFC126 12%, #FFCC4D 96%);

HEX #FFCC4D zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FFCC4D 6%, #FFC126 90%);

HEX #FFCC4D zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFCC4D 3%, #FFC126 90%);

HEX #FFC126 zu HEX #FFD876

CSS-Code:

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

HEX #FFC126 zu HEX #FFD876

CSS-Code:

background-image: radial-gradient(circle, #FFC126 6%, #FFD876 96%);

HEX #FFD876 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FFD876 7%, #FFC126 95%);

HEX #FFD876 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FFD876 1%, #FFC126 86%);

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

Linear

HEX #FFC126 zu HEX #3AFF24

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 4%, #3AFF24 99%);

Radial

HEX #FFC126 zu HEX #3AFF24

CSS-Code:

background-image: radial-gradient(circle, #FFC126 10%, #3AFF24 91%);

HEX #3AFF24 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #3AFF24 12%, #FFC126 94%);

HEX #3AFF24 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #3AFF24 4%, #FFC126 93%);

HEX #FFC126 zu HEX #6524FF

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 0%, #6524FF 95%);

HEX #FFC126 zu HEX #6524FF

CSS-Code:

background-image: radial-gradient(circle, #FFC126 14%, #6524FF 90%);

HEX #6524FF zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #6524FF 1%, #FFC126 91%);

HEX #6524FF zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #6524FF 7%, #FFC126 99%);

2-Farben Gradienten von #FFC126 - Triadische Farben

Linear

HEX #FFC126 zu HEX #24FFBD

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 12%, #24FFBD 89%);

Radial

HEX #FFC126 zu HEX #24FFBD

CSS-Code:

background-image: radial-gradient(circle, #FFC126 3%, #24FFBD 87%);

HEX #24FFBD zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #24FFBD 12%, #FFC126 95%);

HEX #24FFBD zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #24FFBD 0%, #FFC126 98%);

HEX #FFC126 zu HEX #BD24FF

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 5%, #BD24FF 100%);

HEX #FFC126 zu HEX #BD24FF

CSS-Code:

background-image: radial-gradient(circle, #FFC126 5%, #BD24FF 87%);

HEX #BD24FF zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #BD24FF 13%, #FFC126 99%);

HEX #BD24FF zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #BD24FF 12%, #FFC126 95%);

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

Linear

HEX #FFC126 zu HEX #3AFF24

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 14%, #3AFF24 90%);

Radial

HEX #FFC126 zu HEX #3AFF24

CSS-Code:

background-image: radial-gradient(circle, #FFC126 6%, #3AFF24 97%);

HEX #3AFF24 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #3AFF24 0%, #FFC126 94%);

HEX #3AFF24 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #3AFF24 1%, #FFC126 96%);

HEX #FFC126 zu HEX #2465FF

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 12%, #2465FF 96%);

HEX #FFC126 zu HEX #2465FF

CSS-Code:

background-image: radial-gradient(circle, #FFC126 13%, #2465FF 87%);

HEX #2465FF zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #2465FF 9%, #FFC126 94%);

HEX #2465FF zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #2465FF 10%, #FFC126 90%);

HEX #FFC126 zu HEX #E924FF

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 3%, #E924FF 97%);

HEX #FFC126 zu HEX #E924FF

CSS-Code:

background-image: radial-gradient(circle, #FFC126 13%, #E924FF 91%);

HEX #E924FF zu HEX #FFC126

CSS-Code:

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

HEX #E924FF zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #E924FF 11%, #FFC126 97%);

2-Farben Gradienten von #FFC126 - Quadratische Farben

Linear

HEX #FFC126 zu HEX #24FF50

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 7%, #24FF50 87%);

Radial

HEX #FFC126 zu HEX #24FF50

CSS-Code:

background-image: radial-gradient(circle, #FFC126 12%, #24FF50 95%);

HEX #24FF50 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #24FF50 3%, #FFC126 99%);

HEX #24FF50 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #24FF50 1%, #FFC126 86%);

HEX #FFC126 zu HEX #2465FF

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 9%, #2465FF 96%);

HEX #FFC126 zu HEX #2465FF

CSS-Code:

background-image: radial-gradient(circle, #FFC126 6%, #2465FF 90%);

HEX #2465FF zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #2465FF 4%, #FFC126 96%);

HEX #2465FF zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #2465FF 8%, #FFC126 90%);

HEX #FFC126 zu HEX #FF24D3

CSS-Code:

background-image: linear-gradient(135deg, #FFC126 10%, #FF24D3 89%);

HEX #FFC126 zu HEX #FF24D3

CSS-Code:

background-image: radial-gradient(circle, #FFC126 8%, #FF24D3 92%);

HEX #FF24D3 zu HEX #FFC126

CSS-Code:

background-image: linear-gradient(135deg, #FF24D3 4%, #FFC126 88%);

HEX #FF24D3 zu HEX #FFC126

CSS-Code:

background-image: radial-gradient(circle, #FF24D3 0%, #FFC126 86%);

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.