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

✕

CSS Gradienten:
#DDDFEB

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 221 Rot, 223 Grün und 235 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 6 Cyan, 5 Magenta, keine Gelb und 8 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 #DDDFEB - Komplementärfarbe

Linear

HEX #DDDFEB zu HEX #222014

CSS-Code:

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

Radial

HEX #DDDFEB zu HEX #222014

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 2%, #222014 96%);

HEX #222014 zu HEX #DDDFEB

CSS-Code:

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

HEX #222014 zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #222014 10%, #DDDFEB 89%);

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

Linear

HEX #DDDFEB zu HEX #DCE2EA

CSS-Code:

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

Radial

HEX #DDDFEB zu HEX #DCE2EA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 11%, #DCE2EA 96%);

HEX #DCE2EA zu HEX #DDDFEB

CSS-Code:

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

HEX #DCE2EA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCE2EA 10%, #DDDFEB 89%);

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

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

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 2%, #DCDEEA 98%);

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

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

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCDEEA 10%, #DDDFEB 94%);

HEX #DDDFEB zu HEX #DDDCEA

CSS-Code:

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

HEX #DDDFEB zu HEX #DDDCEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 0%, #DDDCEA 88%);

HEX #DDDCEA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #DDDCEA 7%, #DDDFEB 96%);

HEX #DDDCEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DDDCEA 11%, #DDDFEB 99%);

HEX #DDDFEB zu HEX #E1DCEA

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 14%, #E1DCEA 96%);

HEX #DDDFEB zu HEX #E1DCEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 3%, #E1DCEA 100%);

HEX #E1DCEA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #E1DCEA 3%, #DDDFEB 98%);

HEX #E1DCEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #E1DCEA 5%, #DDDFEB 86%);

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

Linear

HEX #DDDFEB zu HEX #C2C5DB

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 0%, #C2C5DB 86%);

Radial

HEX #DDDFEB zu HEX #C2C5DB

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 0%, #C2C5DB 93%);

HEX #C2C5DB zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #C2C5DB 14%, #DDDFEB 97%);

HEX #C2C5DB zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #C2C5DB 11%, #DDDFEB 94%);

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

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

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 6%, #DCDEEA 97%);

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

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

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCDEEA 10%, #DDDFEB 100%);

HEX #DDDFEB zu HEX #F6F6FA

CSS-Code:

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

HEX #DDDFEB zu HEX #F6F6FA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 11%, #F6F6FA 100%);

HEX #F6F6FA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #F6F6FA 0%, #DDDFEB 86%);

HEX #F6F6FA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #F6F6FA 4%, #DDDFEB 95%);

HEX #DDDFEB zu HEX #FFFFFF

CSS-Code:

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

HEX #DDDFEB zu HEX #FFFFFF

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 4%, #FFFFFF 90%);

HEX #FFFFFF zu HEX #DDDFEB

CSS-Code:

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

HEX #FFFFFF zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 14%, #DDDFEB 88%);

2-Farben Gradienten von #DDDFEB - Analoge Farben

Linear

HEX #DDDFEB zu HEX #DCE2EA

CSS-Code:

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

Radial

HEX #DDDFEB zu HEX #DCE2EA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 6%, #DCE2EA 88%);

HEX #DCE2EA zu HEX #DDDFEB

CSS-Code:

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

HEX #DCE2EA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCE2EA 6%, #DDDFEB 100%);

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 7%, #DCDEEA 88%);

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 9%, #DCDEEA 97%);

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

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

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCDEEA 3%, #DDDFEB 100%);

HEX #DDDFEB zu HEX #DDDCEA

CSS-Code:

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

HEX #DDDFEB zu HEX #DDDCEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 2%, #DDDCEA 93%);

HEX #DDDCEA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #DDDCEA 11%, #DDDFEB 88%);

HEX #DDDCEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DDDCEA 12%, #DDDFEB 86%);

HEX #DDDFEB zu HEX #E1DCEA

CSS-Code:

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

HEX #DDDFEB zu HEX #E1DCEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 9%, #E1DCEA 96%);

HEX #E1DCEA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #E1DCEA 4%, #DDDFEB 93%);

HEX #E1DCEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #E1DCEA 13%, #DDDFEB 98%);

2-Farben Gradienten von #DDDFEB - Monochromatische Farben

Linear

HEX #DDDFEB zu HEX #C2C5DB

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 2%, #C2C5DB 100%);

Radial

HEX #DDDFEB zu HEX #C2C5DB

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 2%, #C2C5DB 86%);

HEX #C2C5DB zu HEX #DDDFEB

CSS-Code:

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

HEX #C2C5DB zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #C2C5DB 5%, #DDDFEB 91%);

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

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

HEX #DDDFEB zu HEX #DCDEEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 2%, #DCDEEA 100%);

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #DCDEEA 11%, #DDDFEB 91%);

HEX #DCDEEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCDEEA 5%, #DDDFEB 100%);

HEX #DDDFEB zu HEX #F6F6FA

CSS-Code:

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

HEX #DDDFEB zu HEX #F6F6FA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 8%, #F6F6FA 91%);

HEX #F6F6FA zu HEX #DDDFEB

CSS-Code:

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

HEX #F6F6FA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #F6F6FA 4%, #DDDFEB 96%);

HEX #DDDFEB zu HEX #FFFFFF

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 2%, #FFFFFF 86%);

HEX #DDDFEB zu HEX #FFFFFF

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 7%, #FFFFFF 91%);

HEX #FFFFFF zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #FFFFFF 8%, #DDDFEB 96%);

HEX #FFFFFF zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 11%, #DDDFEB 89%);

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

Linear

HEX #DDDFEB zu HEX #EADCEA

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 7%, #EADCEA 97%);

Radial

HEX #DDDFEB zu HEX #EADCEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 4%, #EADCEA 88%);

HEX #EADCEA zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #EADCEA 14%, #DDDFEB 96%);

HEX #EADCEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #EADCEA 7%, #DDDFEB 94%);

HEX #DDDFEB zu HEX #E4EADC

CSS-Code:

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

HEX #DDDFEB zu HEX #E4EADC

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 10%, #E4EADC 92%);

HEX #E4EADC zu HEX #DDDFEB

CSS-Code:

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

HEX #E4EADC zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #E4EADC 14%, #DDDFEB 86%);

2-Farben Gradienten von #DDDFEB - Triadische Farben

Linear

HEX #DDDFEB zu HEX #EADCDE

CSS-Code:

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

Radial

HEX #DDDFEB zu HEX #EADCDE

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 10%, #EADCDE 89%);

HEX #EADCDE zu HEX #DDDFEB

CSS-Code:

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

HEX #EADCDE zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #EADCDE 11%, #DDDFEB 87%);

HEX #DDDFEB zu HEX #DEEADC

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 7%, #DEEADC 96%);

HEX #DDDFEB zu HEX #DEEADC

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 3%, #DEEADC 98%);

HEX #DEEADC zu HEX #DDDFEB

CSS-Code:

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

HEX #DEEADC zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DEEADC 12%, #DDDFEB 88%);

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

Linear

HEX #DDDFEB zu HEX #EADCEA

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 5%, #EADCEA 92%);

Radial

HEX #DDDFEB zu HEX #EADCEA

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 9%, #EADCEA 92%);

HEX #EADCEA zu HEX #DDDFEB

CSS-Code:

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

HEX #EADCEA zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #EADCEA 4%, #DDDFEB 95%);

HEX #DDDFEB zu HEX #EAE8DC

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 4%, #EAE8DC 87%);

HEX #DDDFEB zu HEX #EAE8DC

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 14%, #EAE8DC 89%);

HEX #EAE8DC zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #EAE8DC 0%, #DDDFEB 92%);

HEX #EAE8DC zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #EAE8DC 5%, #DDDFEB 93%);

HEX #DDDFEB zu HEX #DCEADC

CSS-Code:

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

HEX #DDDFEB zu HEX #DCEADC

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 9%, #DCEADC 91%);

HEX #DCEADC zu HEX #DDDFEB

CSS-Code:

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

HEX #DCEADC zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCEADC 4%, #DDDFEB 87%);

2-Farben Gradienten von #DDDFEB - Quadratische Farben

Linear

HEX #DDDFEB zu HEX #EADCE5

CSS-Code:

background-image: linear-gradient(135deg, #DDDFEB 0%, #EADCE5 88%);

Radial

HEX #DDDFEB zu HEX #EADCE5

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 5%, #EADCE5 89%);

HEX #EADCE5 zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #EADCE5 6%, #DDDFEB 86%);

HEX #EADCE5 zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #EADCE5 5%, #DDDFEB 88%);

HEX #DDDFEB zu HEX #EAE8DC

CSS-Code:

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

HEX #DDDFEB zu HEX #EAE8DC

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 10%, #EAE8DC 96%);

HEX #EAE8DC zu HEX #DDDFEB

CSS-Code:

background-image: linear-gradient(135deg, #EAE8DC 2%, #DDDFEB 88%);

HEX #EAE8DC zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #EAE8DC 8%, #DDDFEB 93%);

HEX #DDDFEB zu HEX #DCEAE1

CSS-Code:

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

HEX #DDDFEB zu HEX #DCEAE1

CSS-Code:

background-image: radial-gradient(circle, #DDDFEB 7%, #DCEAE1 94%);

HEX #DCEAE1 zu HEX #DDDFEB

CSS-Code:

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

HEX #DCEAE1 zu HEX #DDDFEB

CSS-Code:

background-image: radial-gradient(circle, #DCEAE1 5%, #DDDFEB 90%);

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.