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

✕

CSS Gradienten:
#FFD593

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, 213 Grün und 147 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, 16 Magenta, 42 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 #FFD593 - Komplementärfarbe

Linear

HEX #FFD593 zu HEX #002A6C

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 3%, #002A6C 90%);

Radial

HEX #FFD593 zu HEX #002A6C

CSS-Code:

background-image: radial-gradient(circle, #FFD593 11%, #002A6C 92%);

HEX #002A6C zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #002A6C 9%, #FFD593 99%);

HEX #002A6C zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #002A6C 0%, #FFD593 94%);

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

Linear

HEX #FFD593 zu HEX #FFB894

CSS-Code:

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

Radial

HEX #FFD593 zu HEX #FFB894

CSS-Code:

background-image: radial-gradient(circle, #FFD593 8%, #FFB894 87%);

HEX #FFB894 zu HEX #FFD593

CSS-Code:

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

HEX #FFB894 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFB894 4%, #FFD593 97%);

HEX #FFD593 zu HEX #FFD494

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 7%, #FFD494 91%);

HEX #FFD593 zu HEX #FFD494

CSS-Code:

background-image: radial-gradient(circle, #FFD593 12%, #FFD494 88%);

HEX #FFD494 zu HEX #FFD593

CSS-Code:

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

HEX #FFD494 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFD494 13%, #FFD593 86%);

HEX #FFD593 zu HEX #FFF194

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 0%, #FFF194 96%);

HEX #FFD593 zu HEX #FFF194

CSS-Code:

background-image: radial-gradient(circle, #FFD593 4%, #FFF194 97%);

HEX #FFF194 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFF194 8%, #FFD593 94%);

HEX #FFF194 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFF194 14%, #FFD593 92%);

HEX #FFD593 zu HEX #F1FF94

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 12%, #F1FF94 95%);

HEX #FFD593 zu HEX #F1FF94

CSS-Code:

background-image: radial-gradient(circle, #FFD593 13%, #F1FF94 90%);

HEX #F1FF94 zu HEX #FFD593

CSS-Code:

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

HEX #F1FF94 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #F1FF94 1%, #FFD593 87%);

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

Linear

HEX #FFD593 zu HEX #FFC56B

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 2%, #FFC56B 99%);

Radial

HEX #FFD593 zu HEX #FFC56B

CSS-Code:

background-image: radial-gradient(circle, #FFD593 6%, #FFC56B 99%);

HEX #FFC56B zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFC56B 10%, #FFD593 92%);

HEX #FFC56B zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFC56B 7%, #FFD593 94%);

HEX #FFD593 zu HEX #FFD594

CSS-Code:

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

HEX #FFD593 zu HEX #FFD594

CSS-Code:

background-image: radial-gradient(circle, #FFD593 3%, #FFD594 89%);

HEX #FFD594 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFD594 10%, #FFD593 96%);

HEX #FFD594 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFD594 12%, #FFD593 90%);

HEX #FFD593 zu HEX #FFE5BD

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 11%, #FFE5BD 87%);

HEX #FFD593 zu HEX #FFE5BD

CSS-Code:

background-image: radial-gradient(circle, #FFD593 12%, #FFE5BD 95%);

HEX #FFE5BD zu HEX #FFD593

CSS-Code:

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

HEX #FFE5BD zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFE5BD 9%, #FFD593 96%);

HEX #FFD593 zu HEX #FFF5E6

CSS-Code:

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

HEX #FFD593 zu HEX #FFF5E6

CSS-Code:

background-image: radial-gradient(circle, #FFD593 7%, #FFF5E6 91%);

HEX #FFF5E6 zu HEX #FFD593

CSS-Code:

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

HEX #FFF5E6 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFF5E6 5%, #FFD593 93%);

2-Farben Gradienten von #FFD593 - Analoge Farben

Linear

HEX #FFD593 zu HEX #FFB894

CSS-Code:

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

Radial

HEX #FFD593 zu HEX #FFB894

CSS-Code:

background-image: radial-gradient(circle, #FFD593 5%, #FFB894 100%);

HEX #FFB894 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFB894 10%, #FFD593 90%);

HEX #FFB894 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFB894 7%, #FFD593 92%);

HEX #FFD593 zu HEX #FFD494

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 5%, #FFD494 86%);

HEX #FFD593 zu HEX #FFD494

CSS-Code:

background-image: radial-gradient(circle, #FFD593 11%, #FFD494 88%);

HEX #FFD494 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFD494 7%, #FFD593 99%);

HEX #FFD494 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFD494 8%, #FFD593 99%);

HEX #FFD593 zu HEX #FFF194

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 2%, #FFF194 94%);

HEX #FFD593 zu HEX #FFF194

CSS-Code:

background-image: radial-gradient(circle, #FFD593 14%, #FFF194 96%);

HEX #FFF194 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFF194 0%, #FFD593 99%);

HEX #FFF194 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFF194 10%, #FFD593 99%);

HEX #FFD593 zu HEX #F1FF94

CSS-Code:

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

HEX #FFD593 zu HEX #F1FF94

CSS-Code:

background-image: radial-gradient(circle, #FFD593 9%, #F1FF94 95%);

HEX #F1FF94 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #F1FF94 12%, #FFD593 95%);

HEX #F1FF94 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #F1FF94 9%, #FFD593 98%);

2-Farben Gradienten von #FFD593 - Monochromatische Farben

Linear

HEX #FFD593 zu HEX #FFC56B

CSS-Code:

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

Radial

HEX #FFD593 zu HEX #FFC56B

CSS-Code:

background-image: radial-gradient(circle, #FFD593 4%, #FFC56B 96%);

HEX #FFC56B zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFC56B 0%, #FFD593 89%);

HEX #FFC56B zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFC56B 5%, #FFD593 95%);

HEX #FFD593 zu HEX #FFD594

CSS-Code:

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

HEX #FFD593 zu HEX #FFD594

CSS-Code:

background-image: radial-gradient(circle, #FFD593 4%, #FFD594 100%);

HEX #FFD594 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFD594 5%, #FFD593 90%);

HEX #FFD594 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFD594 4%, #FFD593 94%);

HEX #FFD593 zu HEX #FFE5BD

CSS-Code:

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

HEX #FFD593 zu HEX #FFE5BD

CSS-Code:

background-image: radial-gradient(circle, #FFD593 11%, #FFE5BD 87%);

HEX #FFE5BD zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFE5BD 1%, #FFD593 99%);

HEX #FFE5BD zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFE5BD 11%, #FFD593 88%);

HEX #FFD593 zu HEX #FFF5E6

CSS-Code:

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

HEX #FFD593 zu HEX #FFF5E6

CSS-Code:

background-image: radial-gradient(circle, #FFD593 12%, #FFF5E6 88%);

HEX #FFF5E6 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FFF5E6 9%, #FFD593 98%);

HEX #FFF5E6 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FFF5E6 5%, #FFD593 94%);

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

Linear

HEX #FFD593 zu HEX #A9FF94

CSS-Code:

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

Radial

HEX #FFD593 zu HEX #A9FF94

CSS-Code:

background-image: radial-gradient(circle, #FFD593 4%, #A9FF94 90%);

HEX #A9FF94 zu HEX #FFD593

CSS-Code:

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

HEX #A9FF94 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #A9FF94 2%, #FFD593 87%);

HEX #FFD593 zu HEX #A994FF

CSS-Code:

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

HEX #FFD593 zu HEX #A994FF

CSS-Code:

background-image: radial-gradient(circle, #FFD593 0%, #A994FF 100%);

HEX #A994FF zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #A994FF 2%, #FFD593 89%);

HEX #A994FF zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #A994FF 2%, #FFD593 95%);

2-Farben Gradienten von #FFD593 - Triadische Farben

Linear

HEX #FFD593 zu HEX #94FFD4

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 7%, #94FFD4 86%);

Radial

HEX #FFD593 zu HEX #94FFD4

CSS-Code:

background-image: radial-gradient(circle, #FFD593 3%, #94FFD4 93%);

HEX #94FFD4 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #94FFD4 13%, #FFD593 99%);

HEX #94FFD4 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #94FFD4 9%, #FFD593 94%);

HEX #FFD593 zu HEX #D494FF

CSS-Code:

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

HEX #FFD593 zu HEX #D494FF

CSS-Code:

background-image: radial-gradient(circle, #FFD593 0%, #D494FF 99%);

HEX #D494FF zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #D494FF 0%, #FFD593 97%);

HEX #D494FF zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #D494FF 14%, #FFD593 87%);

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

Linear

HEX #FFD593 zu HEX #A9FF94

CSS-Code:

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

Radial

HEX #FFD593 zu HEX #A9FF94

CSS-Code:

background-image: radial-gradient(circle, #FFD593 9%, #A9FF94 99%);

HEX #A9FF94 zu HEX #FFD593

CSS-Code:

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

HEX #A9FF94 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #A9FF94 9%, #FFD593 86%);

HEX #FFD593 zu HEX #94BFFF

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 8%, #94BFFF 94%);

HEX #FFD593 zu HEX #94BFFF

CSS-Code:

background-image: radial-gradient(circle, #FFD593 6%, #94BFFF 86%);

HEX #94BFFF zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #94BFFF 13%, #FFD593 86%);

HEX #94BFFF zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #94BFFF 12%, #FFD593 94%);

HEX #FFD593 zu HEX #EA94FF

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 2%, #EA94FF 89%);

HEX #FFD593 zu HEX #EA94FF

CSS-Code:

background-image: radial-gradient(circle, #FFD593 2%, #EA94FF 97%);

HEX #EA94FF zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #EA94FF 6%, #FFD593 100%);

HEX #EA94FF zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #EA94FF 7%, #FFD593 98%);

2-Farben Gradienten von #FFD593 - Quadratische Farben

Linear

HEX #FFD593 zu HEX #94FF9F

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 1%, #94FF9F 100%);

Radial

HEX #FFD593 zu HEX #94FF9F

CSS-Code:

background-image: radial-gradient(circle, #FFD593 12%, #94FF9F 91%);

HEX #94FF9F zu HEX #FFD593

CSS-Code:

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

HEX #94FF9F zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #94FF9F 13%, #FFD593 86%);

HEX #FFD593 zu HEX #94BFFF

CSS-Code:

background-image: linear-gradient(135deg, #FFD593 14%, #94BFFF 95%);

HEX #FFD593 zu HEX #94BFFF

CSS-Code:

background-image: radial-gradient(circle, #FFD593 1%, #94BFFF 95%);

HEX #94BFFF zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #94BFFF 11%, #FFD593 96%);

HEX #94BFFF zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #94BFFF 4%, #FFD593 93%);

HEX #FFD593 zu HEX #FF94F4

CSS-Code:

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

HEX #FFD593 zu HEX #FF94F4

CSS-Code:

background-image: radial-gradient(circle, #FFD593 11%, #FF94F4 95%);

HEX #FF94F4 zu HEX #FFD593

CSS-Code:

background-image: linear-gradient(135deg, #FF94F4 6%, #FFD593 97%);

HEX #FF94F4 zu HEX #FFD593

CSS-Code:

background-image: radial-gradient(circle, #FF94F4 12%, #FFD593 98%);

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.