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

CSS Gradienten:
#D88E3519

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 216 Rot, 142 Grün und 53 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.
216 142 53 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 3 Magenta, 8 Gelb und 2 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% 3% 8% 2% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #D88E3519 zu HEX #2771CA19


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 12%, #2771CA19 99%);

Radial

HEX #D88E3519 zu HEX #2771CA19


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 3%, #2771CA19 94%);

 

HEX #2771CA19 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #2771CA19 12%, #D88E3519 90%);

 

HEX #2771CA19 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #2771CA19 7%, #D88E3519 91%);

Linear

HEX #D88E3519 zu HEX #EEA04319


CSS-Code:

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

Radial

HEX #D88E3519 zu HEX #EEA04319


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 13%, #EEA04319 90%);

 

HEX #EEA04319 zu HEX #D88E3519


CSS-Code:

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

 

HEX #EEA04319 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #EEA04319 4%, #D88E3519 96%);

 

HEX #D88E3519 zu HEX #FFB25619


CSS-Code:

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

 

HEX #D88E3519 zu HEX #FFB25619


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 7%, #FFB25619 98%);

 

HEX #FFB25619 zu HEX #D88E3519


CSS-Code:

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

 

HEX #FFB25619 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #FFB25619 6%, #D88E3519 93%);

 

HEX #D88E3519 zu HEX #FFC46919


CSS-Code:

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

 

HEX #D88E3519 zu HEX #FFC46919


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 6%, #FFC46919 87%);

 

HEX #FFC46919 zu HEX #D88E3519


CSS-Code:

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

 

HEX #FFC46919 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #FFC46919 1%, #D88E3519 94%);

 

HEX #D88E3519 zu HEX #FFD67C19


CSS-Code:

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

 

HEX #D88E3519 zu HEX #FFD67C19


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 4%, #FFD67C19 98%);

 

HEX #FFD67C19 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #FFD67C19 8%, #D88E3519 99%);

 

HEX #FFD67C19 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #FFD67C19 4%, #D88E3519 89%);

Linear

HEX #D88E3519 zu HEX #C77C2219


CSS-Code:

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

Radial

HEX #D88E3519 zu HEX #C77C2219


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 8%, #C77C2219 95%);

 

HEX #C77C2219 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #C77C2219 4%, #D88E3519 86%);

 

HEX #C77C2219 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #C77C2219 6%, #D88E3519 97%);

 

HEX #D88E3519 zu HEX #B66A0F19


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 4%, #B66A0F19 96%);

 

HEX #D88E3519 zu HEX #B66A0F19


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 5%, #B66A0F19 87%);

 

HEX #B66A0F19 zu HEX #D88E3519


CSS-Code:

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

 

HEX #B66A0F19 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #B66A0F19 9%, #D88E3519 96%);

 

HEX #D88E3519 zu HEX #A5580019


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 8%, #A5580019 92%);

 

HEX #D88E3519 zu HEX #A5580019


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 7%, #A5580019 88%);

 

HEX #A5580019 zu HEX #D88E3519


CSS-Code:

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

 

HEX #A5580019 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #A5580019 9%, #D88E3519 92%);

 

HEX #D88E3519 zu HEX #94460019


CSS-Code:

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

 

HEX #D88E3519 zu HEX #94460019


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 11%, #94460019 100%);

 

HEX #94460019 zu HEX #D88E3519


CSS-Code:

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

 

HEX #94460019 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #94460019 7%, #D88E3519 90%);

Linear

HEX #D88E3519 zu HEX #D8A73519


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 4%, #D8A73519 96%);

Radial

HEX #D88E3519 zu HEX #D8A73519


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 8%, #D8A73519 91%);

 

HEX #D8A73519 zu HEX #D88E3519


CSS-Code:

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

 

HEX #D8A73519 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #D8A73519 13%, #D88E3519 89%);

 

HEX #D88E3519 zu HEX #D8C23519


CSS-Code:

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

 

HEX #D88E3519 zu HEX #D8C23519


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 13%, #D8C23519 97%);

 

HEX #D8C23519 zu HEX #D88E3519


CSS-Code:

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

 

HEX #D8C23519 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #D8C23519 14%, #D88E3519 100%);

 

HEX #D88E3519 zu HEX #D3D83519


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 3%, #D3D83519 90%);

 

HEX #D88E3519 zu HEX #D3D83519


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 1%, #D3D83519 90%);

 

HEX #D3D83519 zu HEX #D88E3519


CSS-Code:

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

 

HEX #D3D83519 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #D3D83519 7%, #D88E3519 97%);

 

HEX #D88E3519 zu HEX #B8D83519


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 5%, #B8D83519 88%);

 

HEX #D88E3519 zu HEX #B8D83519


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 14%, #B8D83519 97%);

 

HEX #B8D83519 zu HEX #D88E3519


CSS-Code:

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

 

HEX #B8D83519 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #B8D83519 2%, #D88E3519 98%);

Linear

HEX #D88E3519 zu HEX #0C0803


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 12%, #0C0803 97%);

Radial

HEX #D88E3519 zu HEX #0C0803


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 12%, #0C0803 95%);

 

HEX #0C0803 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #0C0803 10%, #D88E3519 92%);

 

HEX #0C0803 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #0C0803 11%, #D88E3519 89%);

 

HEX #D88E3519 zu HEX #3F290F


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 3%, #3F290F 100%);

 

HEX #D88E3519 zu HEX #3F290F


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 1%, #3F290F 87%);

 

HEX #3F290F zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #3F290F 8%, #D88E3519 99%);

 

HEX #3F290F zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #3F290F 8%, #D88E3519 87%);

 

HEX #D88E3519 zu HEX #724B1C


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 0%, #724B1C 100%);

 

HEX #D88E3519 zu HEX #724B1C


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 7%, #724B1C 86%);

 

HEX #724B1C zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #724B1C 0%, #D88E3519 89%);

 

HEX #724B1C zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #724B1C 10%, #D88E3519 95%);

 

HEX #D88E3519 zu HEX #A56C28


CSS-Code:

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

 

HEX #D88E3519 zu HEX #A56C28


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 1%, #A56C28 99%);

 

HEX #A56C28 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #A56C28 4%, #D88E3519 97%);

 

HEX #A56C28 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #A56C28 13%, #D88E3519 98%);

Linear

HEX #D88E3519 zu HEX #61D835


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 13%, #61D835 97%);

Radial

HEX #D88E3519 zu HEX #61D835


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 4%, #61D835 100%);

 

HEX #61D835 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #61D835 2%, #D88E3519 88%);

 

HEX #61D835 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #61D835 8%, #D88E3519 93%);

 

HEX #D88E3519 zu HEX #4B35D8


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 6%, #4B35D8 87%);

 

HEX #D88E3519 zu HEX #4B35D8


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 4%, #4B35D8 92%);

 

HEX #4B35D8 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #4B35D8 11%, #D88E3519 100%);

 

HEX #4B35D8 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #4B35D8 12%, #D88E3519 88%);

Linear

HEX #D88E3519 zu HEX #35D88C


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 9%, #35D88C 87%);

Radial

HEX #D88E3519 zu HEX #35D88C


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 13%, #35D88C 97%);

 

HEX #35D88C zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #35D88C 12%, #D88E3519 90%);

 

HEX #35D88C zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #35D88C 1%, #D88E3519 89%);

 

HEX #D88E3519 zu HEX #8C35D8


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 4%, #8C35D8 92%);

 

HEX #D88E3519 zu HEX #8C35D8


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 13%, #8C35D8 86%);

 

HEX #8C35D8 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #8C35D8 4%, #D88E3519 90%);

 

HEX #8C35D8 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #8C35D8 2%, #D88E3519 87%);

Linear

HEX #D88E3519 zu HEX #61D835


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 11%, #61D835 93%);

Radial

HEX #D88E3519 zu HEX #61D835


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 14%, #61D835 91%);

 

HEX #61D835 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #61D835 8%, #D88E3519 87%);

 

HEX #61D835 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #61D835 13%, #D88E3519 90%);

 

HEX #D88E3519 zu HEX #3581D8


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 4%, #3581D8 92%);

 

HEX #D88E3519 zu HEX #3581D8


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 14%, #3581D8 92%);

 

HEX #3581D8 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #3581D8 0%, #D88E3519 89%);

 

HEX #3581D8 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #3581D8 10%, #D88E3519 90%);

 

HEX #D88E3519 zu HEX #AD35D8


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 3%, #AD35D8 86%);

 

HEX #D88E3519 zu HEX #AD35D8


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 13%, #AD35D8 93%);

 

HEX #AD35D8 zu HEX #D88E3519


CSS-Code:

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

 

HEX #AD35D8 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #AD35D8 12%, #D88E3519 88%);

Linear

HEX #D88E3519 zu HEX #35D83B


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 11%, #35D83B 95%);

Radial

HEX #D88E3519 zu HEX #35D83B


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 14%, #35D83B 99%);

 

HEX #35D83B zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #35D83B 1%, #D88E3519 95%);

 

HEX #35D83B zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #35D83B 9%, #D88E3519 93%);

 

HEX #D88E3519 zu HEX #3581D8


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 4%, #3581D8 88%);

 

HEX #D88E3519 zu HEX #3581D8


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 12%, #3581D8 92%);

 

HEX #3581D8 zu HEX #D88E3519


CSS-Code:

background-image: linear-gradient(135deg, #3581D8 14%, #D88E3519 91%);

 

HEX #3581D8 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #3581D8 9%, #D88E3519 86%);

 

HEX #D88E3519 zu HEX #D835D3


CSS-Code:

background-image: linear-gradient(135deg, #D88E3519 14%, #D835D3 88%);

 

HEX #D88E3519 zu HEX #D835D3


CSS-Code:

background-image: radial-gradient(circle, #D88E3519 5%, #D835D3 88%);

 

HEX #D835D3 zu HEX #D88E3519


CSS-Code:

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

 

HEX #D835D3 zu HEX #D88E3519


CSS-Code:

background-image: radial-gradient(circle, #D835D3 3%, #D88E3519 93%);

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)

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.