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

✕

CSS Gradienten:
#F09928

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Bei dieser Farbe hebt sich Gelb von den anderen Farben ab. Die Werte die für den roten und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des blauen Farbtons. Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 240 Rot, 153 Grün und 40 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.
240 153 40 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 36 Magenta, 83 Gelb und 6 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% 36% 83% 6% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #F09928 zu HEX #0F66D7


CSS-Code:

background-image: linear-gradient(135deg, #F09928 8%, #0F66D7 93%);

Radial

HEX #F09928 zu HEX #0F66D7


CSS-Code:

background-image: radial-gradient(circle, #F09928 8%, #0F66D7 95%);

 

HEX #0F66D7 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #0F66D7 9%, #F09928 96%);

 

HEX #0F66D7 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #0F66D7 1%, #F09928 94%);

Linear

HEX #F09928 zu HEX #FFAB36


CSS-Code:

background-image: linear-gradient(135deg, #F09928 11%, #FFAB36 86%);

Radial

HEX #F09928 zu HEX #FFAB36


CSS-Code:

background-image: radial-gradient(circle, #F09928 9%, #FFAB36 92%);

 

HEX #FFAB36 zu HEX #F09928


CSS-Code:

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

 

HEX #FFAB36 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #FFAB36 10%, #F09928 95%);

 

HEX #F09928 zu HEX #FFBD49


CSS-Code:

background-image: linear-gradient(135deg, #F09928 11%, #FFBD49 94%);

 

HEX #F09928 zu HEX #FFBD49


CSS-Code:

background-image: radial-gradient(circle, #F09928 10%, #FFBD49 98%);

 

HEX #FFBD49 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #FFBD49 8%, #F09928 87%);

 

HEX #FFBD49 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #FFBD49 6%, #F09928 94%);

 

HEX #F09928 zu HEX #FFCF5C


CSS-Code:

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

 

HEX #F09928 zu HEX #FFCF5C


CSS-Code:

background-image: radial-gradient(circle, #F09928 12%, #FFCF5C 91%);

 

HEX #FFCF5C zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #FFCF5C 9%, #F09928 96%);

 

HEX #FFCF5C zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #FFCF5C 9%, #F09928 86%);

 

HEX #F09928 zu HEX #FFE16F


CSS-Code:

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

 

HEX #F09928 zu HEX #FFE16F


CSS-Code:

background-image: radial-gradient(circle, #F09928 12%, #FFE16F 95%);

 

HEX #FFE16F zu HEX #F09928


CSS-Code:

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

 

HEX #FFE16F zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #FFE16F 1%, #F09928 100%);

Linear

HEX #F09928 zu HEX #DF8715


CSS-Code:

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

Radial

HEX #F09928 zu HEX #DF8715


CSS-Code:

background-image: radial-gradient(circle, #F09928 3%, #DF8715 96%);

 

HEX #DF8715 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #DF8715 3%, #F09928 87%);

 

HEX #DF8715 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #DF8715 1%, #F09928 86%);

 

HEX #F09928 zu HEX #CE7502


CSS-Code:

background-image: linear-gradient(135deg, #F09928 0%, #CE7502 94%);

 

HEX #F09928 zu HEX #CE7502


CSS-Code:

background-image: radial-gradient(circle, #F09928 3%, #CE7502 91%);

 

HEX #CE7502 zu HEX #F09928


CSS-Code:

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

 

HEX #CE7502 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #CE7502 9%, #F09928 96%);

 

HEX #F09928 zu HEX #BD6300


CSS-Code:

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

 

HEX #F09928 zu HEX #BD6300


CSS-Code:

background-image: radial-gradient(circle, #F09928 11%, #BD6300 100%);

 

HEX #BD6300 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #BD6300 2%, #F09928 92%);

 

HEX #BD6300 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #BD6300 1%, #F09928 96%);

 

HEX #F09928 zu HEX #AC5100


CSS-Code:

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

 

HEX #F09928 zu HEX #AC5100


CSS-Code:

background-image: radial-gradient(circle, #F09928 9%, #AC5100 86%);

 

HEX #AC5100 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #AC5100 12%, #F09928 100%);

 

HEX #AC5100 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #AC5100 3%, #F09928 93%);

Linear

HEX #F09928 zu HEX #F0B728


CSS-Code:

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

Radial

HEX #F09928 zu HEX #F0B728


CSS-Code:

background-image: radial-gradient(circle, #F09928 0%, #F0B728 94%);

 

HEX #F0B728 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #F0B728 1%, #F09928 86%);

 

HEX #F0B728 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #F0B728 8%, #F09928 97%);

 

HEX #F09928 zu HEX #F0D828


CSS-Code:

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

 

HEX #F09928 zu HEX #F0D828


CSS-Code:

background-image: radial-gradient(circle, #F09928 7%, #F0D828 87%);

 

HEX #F0D828 zu HEX #F09928


CSS-Code:

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

 

HEX #F0D828 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #F0D828 12%, #F09928 100%);

 

HEX #F09928 zu HEX #E6F028


CSS-Code:

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

 

HEX #F09928 zu HEX #E6F028


CSS-Code:

background-image: radial-gradient(circle, #F09928 2%, #E6F028 87%);

 

HEX #E6F028 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #E6F028 9%, #F09928 87%);

 

HEX #E6F028 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #E6F028 7%, #F09928 89%);

 

HEX #F09928 zu HEX #C4F028


CSS-Code:

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

 

HEX #F09928 zu HEX #C4F028


CSS-Code:

background-image: radial-gradient(circle, #F09928 8%, #C4F028 98%);

 

HEX #C4F028 zu HEX #F09928


CSS-Code:

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

 

HEX #C4F028 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #C4F028 9%, #F09928 91%);

Linear

HEX #F09928 zu HEX #241706


CSS-Code:

background-image: linear-gradient(135deg, #F09928 4%, #241706 100%);

Radial

HEX #F09928 zu HEX #241706


CSS-Code:

background-image: radial-gradient(circle, #F09928 9%, #241706 97%);

 

HEX #241706 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #241706 12%, #F09928 96%);

 

HEX #241706 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #241706 10%, #F09928 95%);

 

HEX #F09928 zu HEX #57370F


CSS-Code:

background-image: linear-gradient(135deg, #F09928 1%, #57370F 86%);

 

HEX #F09928 zu HEX #57370F


CSS-Code:

background-image: radial-gradient(circle, #F09928 8%, #57370F 87%);

 

HEX #57370F zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #57370F 3%, #F09928 88%);

 

HEX #57370F zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #57370F 13%, #F09928 86%);

 

HEX #F09928 zu HEX #8A5817


CSS-Code:

background-image: linear-gradient(135deg, #F09928 7%, #8A5817 92%);

 

HEX #F09928 zu HEX #8A5817


CSS-Code:

background-image: radial-gradient(circle, #F09928 0%, #8A5817 86%);

 

HEX #8A5817 zu HEX #F09928


CSS-Code:

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

 

HEX #8A5817 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #8A5817 11%, #F09928 96%);

 

HEX #F09928 zu HEX #BD7820


CSS-Code:

background-image: linear-gradient(135deg, #F09928 9%, #BD7820 90%);

 

HEX #F09928 zu HEX #BD7820


CSS-Code:

background-image: radial-gradient(circle, #F09928 14%, #BD7820 90%);

 

HEX #BD7820 zu HEX #F09928


CSS-Code:

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

 

HEX #BD7820 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #BD7820 10%, #F09928 90%);

Linear

HEX #F09928 zu HEX #5AF028


CSS-Code:

background-image: linear-gradient(135deg, #F09928 9%, #5AF028 93%);

Radial

HEX #F09928 zu HEX #5AF028


CSS-Code:

background-image: radial-gradient(circle, #F09928 1%, #5AF028 98%);

 

HEX #5AF028 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #5AF028 9%, #F09928 91%);

 

HEX #5AF028 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #5AF028 1%, #F09928 88%);

 

HEX #F09928 zu HEX #4628F0


CSS-Code:

background-image: linear-gradient(135deg, #F09928 0%, #4628F0 100%);

 

HEX #F09928 zu HEX #4628F0


CSS-Code:

background-image: radial-gradient(circle, #F09928 7%, #4628F0 99%);

 

HEX #4628F0 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #4628F0 3%, #F09928 97%);

 

HEX #4628F0 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #4628F0 10%, #F09928 99%);

Linear

HEX #F09928 zu HEX #28F096


CSS-Code:

background-image: linear-gradient(135deg, #F09928 13%, #28F096 99%);

Radial

HEX #F09928 zu HEX #28F096


CSS-Code:

background-image: radial-gradient(circle, #F09928 7%, #28F096 87%);

 

HEX #28F096 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #28F096 7%, #F09928 92%);

 

HEX #28F096 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #28F096 13%, #F09928 95%);

 

HEX #F09928 zu HEX #9628F0


CSS-Code:

background-image: linear-gradient(135deg, #F09928 13%, #9628F0 86%);

 

HEX #F09928 zu HEX #9628F0


CSS-Code:

background-image: radial-gradient(circle, #F09928 9%, #9628F0 88%);

 

HEX #9628F0 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #9628F0 8%, #F09928 87%);

 

HEX #9628F0 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #9628F0 1%, #F09928 99%);

Linear

HEX #F09928 zu HEX #5AF028


CSS-Code:

background-image: linear-gradient(135deg, #F09928 4%, #5AF028 90%);

Radial

HEX #F09928 zu HEX #5AF028


CSS-Code:

background-image: radial-gradient(circle, #F09928 13%, #5AF028 87%);

 

HEX #5AF028 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #5AF028 3%, #F09928 93%);

 

HEX #5AF028 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #5AF028 2%, #F09928 92%);

 

HEX #F09928 zu HEX #2882F0


CSS-Code:

background-image: linear-gradient(135deg, #F09928 5%, #2882F0 91%);

 

HEX #F09928 zu HEX #2882F0


CSS-Code:

background-image: radial-gradient(circle, #F09928 5%, #2882F0 98%);

 

HEX #2882F0 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #2882F0 5%, #F09928 99%);

 

HEX #2882F0 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #2882F0 5%, #F09928 92%);

 

HEX #F09928 zu HEX #BE28F0


CSS-Code:

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

 

HEX #F09928 zu HEX #BE28F0


CSS-Code:

background-image: radial-gradient(circle, #F09928 10%, #BE28F0 91%);

 

HEX #BE28F0 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #BE28F0 7%, #F09928 87%);

 

HEX #BE28F0 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #BE28F0 8%, #F09928 95%);

Linear

HEX #F09928 zu HEX #28F032


CSS-Code:

background-image: linear-gradient(135deg, #F09928 1%, #28F032 97%);

Radial

HEX #F09928 zu HEX #28F032


CSS-Code:

background-image: radial-gradient(circle, #F09928 0%, #28F032 86%);

 

HEX #28F032 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #28F032 14%, #F09928 96%);

 

HEX #28F032 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #28F032 14%, #F09928 87%);

 

HEX #F09928 zu HEX #2882F0


CSS-Code:

background-image: linear-gradient(135deg, #F09928 2%, #2882F0 99%);

 

HEX #F09928 zu HEX #2882F0


CSS-Code:

background-image: radial-gradient(circle, #F09928 10%, #2882F0 87%);

 

HEX #2882F0 zu HEX #F09928


CSS-Code:

background-image: linear-gradient(135deg, #2882F0 11%, #F09928 93%);

 

HEX #2882F0 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #2882F0 5%, #F09928 91%);

 

HEX #F09928 zu HEX #F028E6


CSS-Code:

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

 

HEX #F09928 zu HEX #F028E6


CSS-Code:

background-image: radial-gradient(circle, #F09928 2%, #F028E6 86%);

 

HEX #F028E6 zu HEX #F09928


CSS-Code:

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

 

HEX #F028E6 zu HEX #F09928


CSS-Code:

background-image: radial-gradient(circle, #F028E6 0%, #F09928 100%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de