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

✕

CSS Gradienten:
#CDEFF4

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 205 Rot, 239 Grün und 244 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 16 Cyan, 2 Magenta, keine Gelb und 4 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 #CDEFF4 - Komplementärfarbe

Linear

HEX #CDEFF4 zu HEX #32100B

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 2%, #32100B 99%);

Radial

HEX #CDEFF4 zu HEX #32100B

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 9%, #32100B 87%);

HEX #32100B zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #32100B 5%, #CDEFF4 92%);

HEX #32100B zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #32100B 13%, #CDEFF4 97%);

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

Linear

HEX #CDEFF4 zu HEX #CDF4EE

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 13%, #CDF4EE 96%);

Radial

HEX #CDEFF4 zu HEX #CDF4EE

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 2%, #CDF4EE 95%);

HEX #CDF4EE zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #CDF4EE 9%, #CDEFF4 95%);

HEX #CDF4EE zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #CDF4EE 12%, #CDEFF4 87%);

HEX #CDEFF4 zu HEX #CDE5F4

CSS-Code:

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

HEX #CDEFF4 zu HEX #CDE5F4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 10%, #CDE5F4 91%);

HEX #CDE5F4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #CDE5F4 11%, #CDEFF4 95%);

HEX #CDE5F4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #CDE5F4 12%, #CDEFF4 93%);

HEX #CDEFF4 zu HEX #CDDBF4

CSS-Code:

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

HEX #CDEFF4 zu HEX #CDDBF4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 5%, #CDDBF4 97%);

HEX #CDDBF4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #CDDBF4 5%, #CDEFF4 98%);

HEX #CDDBF4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #CDDBF4 11%, #CDEFF4 89%);

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

Linear

HEX #CDEFF4 zu HEX #ABE4ED

CSS-Code:

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

Radial

HEX #CDEFF4 zu HEX #ABE4ED

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 11%, #ABE4ED 86%);

HEX #ABE4ED zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #ABE4ED 9%, #CDEFF4 95%);

HEX #ABE4ED zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #ABE4ED 14%, #CDEFF4 98%);

HEX #CDEFF4 zu HEX #EFFAFB

CSS-Code:

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

HEX #CDEFF4 zu HEX #EFFAFB

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 12%, #EFFAFB 97%);

HEX #EFFAFB zu HEX #CDEFF4

CSS-Code:

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

HEX #EFFAFB zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #EFFAFB 12%, #CDEFF4 97%);

HEX #CDEFF4 zu HEX #FFFFFF

CSS-Code:

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

HEX #CDEFF4 zu HEX #FFFFFF

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 1%, #FFFFFF 100%);

HEX #FFFFFF zu HEX #CDEFF4

CSS-Code:

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

HEX #FFFFFF zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 13%, #CDEFF4 89%);

2-Farben Gradienten von #CDEFF4 - Analoge Farben

Linear

HEX #CDEFF4 zu HEX #CDF4EE

CSS-Code:

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

Radial

HEX #CDEFF4 zu HEX #CDF4EE

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 13%, #CDF4EE 86%);

HEX #CDF4EE zu HEX #CDEFF4

CSS-Code:

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

HEX #CDF4EE zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #CDF4EE 9%, #CDEFF4 97%);

HEX #CDEFF4 zu HEX #CDE5F4

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 2%, #CDE5F4 90%);

HEX #CDEFF4 zu HEX #CDE5F4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 14%, #CDE5F4 95%);

HEX #CDE5F4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #CDE5F4 14%, #CDEFF4 95%);

HEX #CDE5F4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #CDE5F4 6%, #CDEFF4 88%);

HEX #CDEFF4 zu HEX #CDDBF4

CSS-Code:

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

HEX #CDEFF4 zu HEX #CDDBF4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 9%, #CDDBF4 91%);

HEX #CDDBF4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #CDDBF4 11%, #CDEFF4 92%);

HEX #CDDBF4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #CDDBF4 7%, #CDEFF4 95%);

2-Farben Gradienten von #CDEFF4 - Monochromatische Farben

Linear

HEX #CDEFF4 zu HEX #ABE4ED

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 4%, #ABE4ED 88%);

Radial

HEX #CDEFF4 zu HEX #ABE4ED

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 2%, #ABE4ED 100%);

HEX #ABE4ED zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #ABE4ED 9%, #CDEFF4 99%);

HEX #ABE4ED zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #ABE4ED 4%, #CDEFF4 93%);

HEX #CDEFF4 zu HEX #EFFAFB

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 12%, #EFFAFB 89%);

HEX #CDEFF4 zu HEX #EFFAFB

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 12%, #EFFAFB 91%);

HEX #EFFAFB zu HEX #CDEFF4

CSS-Code:

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

HEX #EFFAFB zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #EFFAFB 0%, #CDEFF4 88%);

HEX #CDEFF4 zu HEX #FFFFFF

CSS-Code:

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

HEX #CDEFF4 zu HEX #FFFFFF

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 9%, #FFFFFF 87%);

HEX #FFFFFF zu HEX #CDEFF4

CSS-Code:

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

HEX #FFFFFF zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 5%, #CDEFF4 89%);

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

Linear

HEX #CDEFF4 zu HEX #D9CDF4

CSS-Code:

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

Radial

HEX #CDEFF4 zu HEX #D9CDF4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 3%, #D9CDF4 95%);

HEX #D9CDF4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #D9CDF4 14%, #CDEFF4 99%);

HEX #D9CDF4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #D9CDF4 8%, #CDEFF4 87%);

HEX #CDEFF4 zu HEX #F4E9CD

CSS-Code:

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

HEX #CDEFF4 zu HEX #F4E9CD

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 6%, #F4E9CD 93%);

HEX #F4E9CD zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #F4E9CD 7%, #CDEFF4 86%);

HEX #F4E9CD zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #F4E9CD 7%, #CDEFF4 95%);

2-Farben Gradienten von #CDEFF4 - Triadische Farben

Linear

HEX #CDEFF4 zu HEX #F4CDEF

CSS-Code:

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

Radial

HEX #CDEFF4 zu HEX #F4CDEF

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 14%, #F4CDEF 93%);

HEX #F4CDEF zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #F4CDEF 2%, #CDEFF4 91%);

HEX #F4CDEF zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #F4CDEF 9%, #CDEFF4 100%);

HEX #CDEFF4 zu HEX #EFF4CD

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 14%, #EFF4CD 89%);

HEX #CDEFF4 zu HEX #EFF4CD

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 3%, #EFF4CD 93%);

HEX #EFF4CD zu HEX #CDEFF4

CSS-Code:

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

HEX #EFF4CD zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #EFF4CD 14%, #CDEFF4 91%);

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

Linear

HEX #CDEFF4 zu HEX #D9CDF4

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 6%, #D9CDF4 88%);

Radial

HEX #CDEFF4 zu HEX #D9CDF4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 14%, #D9CDF4 96%);

HEX #D9CDF4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #D9CDF4 1%, #CDEFF4 92%);

HEX #D9CDF4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #D9CDF4 11%, #CDEFF4 89%);

HEX #CDEFF4 zu HEX #F4D1CD

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 1%, #F4D1CD 95%);

HEX #CDEFF4 zu HEX #F4D1CD

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 3%, #F4D1CD 91%);

HEX #F4D1CD zu HEX #CDEFF4

CSS-Code:

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

HEX #F4D1CD zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #F4D1CD 14%, #CDEFF4 89%);

HEX #CDEFF4 zu HEX #E8F4CD

CSS-Code:

background-image: linear-gradient(135deg, #CDEFF4 13%, #E8F4CD 91%);

HEX #CDEFF4 zu HEX #E8F4CD

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 12%, #E8F4CD 94%);

HEX #E8F4CD zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #E8F4CD 6%, #CDEFF4 93%);

HEX #E8F4CD zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #E8F4CD 3%, #CDEFF4 86%);

2-Farben Gradienten von #CDEFF4 - Quadratische Farben

Linear

HEX #CDEFF4 zu HEX #E5CDF4

CSS-Code:

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

Radial

HEX #CDEFF4 zu HEX #E5CDF4

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 13%, #E5CDF4 100%);

HEX #E5CDF4 zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #E5CDF4 6%, #CDEFF4 95%);

HEX #E5CDF4 zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #E5CDF4 9%, #CDEFF4 88%);

HEX #CDEFF4 zu HEX #F4D1CD

CSS-Code:

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

HEX #CDEFF4 zu HEX #F4D1CD

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 4%, #F4D1CD 86%);

HEX #F4D1CD zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #F4D1CD 0%, #CDEFF4 98%);

HEX #F4D1CD zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #F4D1CD 11%, #CDEFF4 99%);

HEX #CDEFF4 zu HEX #DCF4CD

CSS-Code:

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

HEX #CDEFF4 zu HEX #DCF4CD

CSS-Code:

background-image: radial-gradient(circle, #CDEFF4 1%, #DCF4CD 100%);

HEX #DCF4CD zu HEX #CDEFF4

CSS-Code:

background-image: linear-gradient(135deg, #DCF4CD 6%, #CDEFF4 88%);

HEX #DCF4CD zu HEX #CDEFF4

CSS-Code:

background-image: radial-gradient(circle, #DCF4CD 9%, #CDEFF4 94%);

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.