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

CSS Gradienten:
#FFE795

Information

schließe alle

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.

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.

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, 231 Grün und 149 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.
255 231 149 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 9 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.
0% 9% 42% 0% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FFE795 zu HEX #00186A


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 9%, #00186A 86%);

Radial

HEX #FFE795 zu HEX #00186A


CSS-Code:

background-image: radial-gradient(circle, #FFE795 5%, #00186A 90%);

 

HEX #00186A zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #00186A 10%, #FFE795 92%);

 

HEX #00186A zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #00186A 4%, #FFE795 93%);

Linear

HEX #FFE795 zu HEX #FFC994


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 14%, #FFC994 93%);

Radial

HEX #FFE795 zu HEX #FFC994


CSS-Code:

background-image: radial-gradient(circle, #FFE795 12%, #FFC994 94%);

 

HEX #FFC994 zu HEX #FFE795


CSS-Code:

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

 

HEX #FFC994 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFC994 8%, #FFE795 92%);

 

HEX #FFE795 zu HEX #FFE694


CSS-Code:

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

 

HEX #FFE795 zu HEX #FFE694


CSS-Code:

background-image: radial-gradient(circle, #FFE795 10%, #FFE694 96%);

 

HEX #FFE694 zu HEX #FFE795


CSS-Code:

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

 

HEX #FFE694 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFE694 12%, #FFE795 90%);

 

HEX #FFE795 zu HEX #FBFF94


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 8%, #FBFF94 100%);

 

HEX #FFE795 zu HEX #FBFF94


CSS-Code:

background-image: radial-gradient(circle, #FFE795 6%, #FBFF94 93%);

 

HEX #FBFF94 zu HEX #FFE795


CSS-Code:

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

 

HEX #FBFF94 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FBFF94 13%, #FFE795 96%);

 

HEX #FFE795 zu HEX #DFFF94


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 7%, #DFFF94 89%);

 

HEX #FFE795 zu HEX #DFFF94


CSS-Code:

background-image: radial-gradient(circle, #FFE795 10%, #DFFF94 88%);

 

HEX #DFFF94 zu HEX #FFE795


CSS-Code:

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

 

HEX #DFFF94 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #DFFF94 11%, #FFE795 99%);

Linear

HEX #FFE795 zu HEX #FFDD6B


CSS-Code:

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

Radial

HEX #FFE795 zu HEX #FFDD6B


CSS-Code:

background-image: radial-gradient(circle, #FFE795 5%, #FFDD6B 86%);

 

HEX #FFDD6B zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FFDD6B 8%, #FFE795 89%);

 

HEX #FFDD6B zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFDD6B 0%, #FFE795 90%);

 

HEX #FFE795 zu HEX #FFE794


CSS-Code:

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

 

HEX #FFE795 zu HEX #FFE794


CSS-Code:

background-image: radial-gradient(circle, #FFE795 11%, #FFE794 88%);

 

HEX #FFE794 zu HEX #FFE795


CSS-Code:

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

 

HEX #FFE794 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFE794 2%, #FFE795 92%);

 

HEX #FFE795 zu HEX #FFF0BD


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 3%, #FFF0BD 93%);

 

HEX #FFE795 zu HEX #FFF0BD


CSS-Code:

background-image: radial-gradient(circle, #FFE795 1%, #FFF0BD 97%);

 

HEX #FFF0BD zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FFF0BD 6%, #FFE795 87%);

 

HEX #FFF0BD zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFF0BD 4%, #FFE795 90%);

 

HEX #FFE795 zu HEX #FFF9E6


CSS-Code:

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

 

HEX #FFE795 zu HEX #FFF9E6


CSS-Code:

background-image: radial-gradient(circle, #FFE795 5%, #FFF9E6 99%);

 

HEX #FFF9E6 zu HEX #FFE795


CSS-Code:

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

 

HEX #FFF9E6 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFF9E6 11%, #FFE795 92%);

Linear

HEX #FFE795 zu HEX #FFC994


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 3%, #FFC994 93%);

Radial

HEX #FFE795 zu HEX #FFC994


CSS-Code:

background-image: radial-gradient(circle, #FFE795 13%, #FFC994 97%);

 

HEX #FFC994 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FFC994 10%, #FFE795 94%);

 

HEX #FFC994 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFC994 9%, #FFE795 88%);

 

HEX #FFE795 zu HEX #FFE694


CSS-Code:

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

 

HEX #FFE795 zu HEX #FFE694


CSS-Code:

background-image: radial-gradient(circle, #FFE795 6%, #FFE694 95%);

 

HEX #FFE694 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FFE694 5%, #FFE795 95%);

 

HEX #FFE694 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFE694 2%, #FFE795 95%);

 

HEX #FFE795 zu HEX #FBFF94


CSS-Code:

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

 

HEX #FFE795 zu HEX #FBFF94


CSS-Code:

background-image: radial-gradient(circle, #FFE795 2%, #FBFF94 93%);

 

HEX #FBFF94 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FBFF94 5%, #FFE795 87%);

 

HEX #FBFF94 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FBFF94 9%, #FFE795 90%);

 

HEX #FFE795 zu HEX #DFFF94


CSS-Code:

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

 

HEX #FFE795 zu HEX #DFFF94


CSS-Code:

background-image: radial-gradient(circle, #FFE795 3%, #DFFF94 87%);

 

HEX #DFFF94 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #DFFF94 4%, #FFE795 91%);

 

HEX #DFFF94 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #DFFF94 12%, #FFE795 89%);

Linear

HEX #FFE795 zu HEX #FFDD6B


CSS-Code:

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

Radial

HEX #FFE795 zu HEX #FFDD6B


CSS-Code:

background-image: radial-gradient(circle, #FFE795 0%, #FFDD6B 91%);

 

HEX #FFDD6B zu HEX #FFE795


CSS-Code:

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

 

HEX #FFDD6B zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFDD6B 8%, #FFE795 86%);

 

HEX #FFE795 zu HEX #FFE794


CSS-Code:

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

 

HEX #FFE795 zu HEX #FFE794


CSS-Code:

background-image: radial-gradient(circle, #FFE795 9%, #FFE794 92%);

 

HEX #FFE794 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FFE794 4%, #FFE795 91%);

 

HEX #FFE794 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFE794 14%, #FFE795 90%);

 

HEX #FFE795 zu HEX #FFF0BD


CSS-Code:

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

 

HEX #FFE795 zu HEX #FFF0BD


CSS-Code:

background-image: radial-gradient(circle, #FFE795 7%, #FFF0BD 96%);

 

HEX #FFF0BD zu HEX #FFE795


CSS-Code:

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

 

HEX #FFF0BD zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFF0BD 12%, #FFE795 93%);

 

HEX #FFE795 zu HEX #FFF9E6


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 7%, #FFF9E6 89%);

 

HEX #FFE795 zu HEX #FFF9E6


CSS-Code:

background-image: radial-gradient(circle, #FFE795 10%, #FFF9E6 98%);

 

HEX #FFF9E6 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FFF9E6 12%, #FFE795 93%);

 

HEX #FFF9E6 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FFF9E6 0%, #FFE795 88%);

Linear

HEX #FFE795 zu HEX #97FF94


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 6%, #97FF94 95%);

Radial

HEX #FFE795 zu HEX #97FF94


CSS-Code:

background-image: radial-gradient(circle, #FFE795 0%, #97FF94 92%);

 

HEX #97FF94 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #97FF94 1%, #FFE795 89%);

 

HEX #97FF94 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #97FF94 8%, #FFE795 96%);

 

HEX #FFE795 zu HEX #BB94FF


CSS-Code:

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

 

HEX #FFE795 zu HEX #BB94FF


CSS-Code:

background-image: radial-gradient(circle, #FFE795 3%, #BB94FF 90%);

 

HEX #BB94FF zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #BB94FF 0%, #FFE795 91%);

 

HEX #BB94FF zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #BB94FF 5%, #FFE795 92%);

Linear

HEX #FFE795 zu HEX #94FFE6


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 7%, #94FFE6 91%);

Radial

HEX #FFE795 zu HEX #94FFE6


CSS-Code:

background-image: radial-gradient(circle, #FFE795 12%, #94FFE6 87%);

 

HEX #94FFE6 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #94FFE6 14%, #FFE795 88%);

 

HEX #94FFE6 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #94FFE6 8%, #FFE795 93%);

 

HEX #FFE795 zu HEX #E694FF


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 13%, #E694FF 89%);

 

HEX #FFE795 zu HEX #E694FF


CSS-Code:

background-image: radial-gradient(circle, #FFE795 10%, #E694FF 87%);

 

HEX #E694FF zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #E694FF 10%, #FFE795 99%);

 

HEX #E694FF zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #E694FF 2%, #FFE795 96%);

Linear

HEX #FFE795 zu HEX #97FF94


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 3%, #97FF94 92%);

Radial

HEX #FFE795 zu HEX #97FF94


CSS-Code:

background-image: radial-gradient(circle, #FFE795 14%, #97FF94 90%);

 

HEX #97FF94 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #97FF94 6%, #FFE795 89%);

 

HEX #97FF94 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #97FF94 8%, #FFE795 100%);

 

HEX #FFE795 zu HEX #94ADFF


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 6%, #94ADFF 86%);

 

HEX #FFE795 zu HEX #94ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFE795 5%, #94ADFF 89%);

 

HEX #94ADFF zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #94ADFF 10%, #FFE795 91%);

 

HEX #94ADFF zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #94ADFF 4%, #FFE795 98%);

 

HEX #FFE795 zu HEX #FB94FF


CSS-Code:

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

 

HEX #FFE795 zu HEX #FB94FF


CSS-Code:

background-image: radial-gradient(circle, #FFE795 10%, #FB94FF 87%);

 

HEX #FB94FF zu HEX #FFE795


CSS-Code:

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

 

HEX #FB94FF zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FB94FF 3%, #FFE795 97%);

Linear

HEX #FFE795 zu HEX #94FFB0


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 13%, #94FFB0 88%);

Radial

HEX #FFE795 zu HEX #94FFB0


CSS-Code:

background-image: radial-gradient(circle, #FFE795 9%, #94FFB0 88%);

 

HEX #94FFB0 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #94FFB0 7%, #FFE795 88%);

 

HEX #94FFB0 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #94FFB0 10%, #FFE795 96%);

 

HEX #FFE795 zu HEX #94ADFF


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 6%, #94ADFF 96%);

 

HEX #FFE795 zu HEX #94ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFE795 5%, #94ADFF 86%);

 

HEX #94ADFF zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #94ADFF 9%, #FFE795 93%);

 

HEX #94ADFF zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #94ADFF 7%, #FFE795 86%);

 

HEX #FFE795 zu HEX #FF94E2


CSS-Code:

background-image: linear-gradient(135deg, #FFE795 9%, #FF94E2 91%);

 

HEX #FFE795 zu HEX #FF94E2


CSS-Code:

background-image: radial-gradient(circle, #FFE795 2%, #FF94E2 100%);

 

HEX #FF94E2 zu HEX #FFE795


CSS-Code:

background-image: linear-gradient(135deg, #FF94E2 0%, #FFE795 95%);

 

HEX #FF94E2 zu HEX #FFE795


CSS-Code:

background-image: radial-gradient(circle, #FF94E2 6%, #FFE795 95%);

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.