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

✕

CSS Gradienten:
#BDCDCE

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 189 Rot, 205 Grün und 206 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 8 Cyan, keine Magenta, keine Gelb und 19 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 #BDCDCE - Komplementärfarbe

Linear

HEX #BDCDCE zu HEX #423231

CSS-Code:

background-image: linear-gradient(135deg, #BDCDCE 10%, #423231 92%);

Radial

HEX #BDCDCE zu HEX #423231

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 2%, #423231 96%);

HEX #423231 zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #423231 2%, #BDCDCE 98%);

HEX #423231 zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #423231 6%, #BDCDCE 97%);

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

Linear

HEX #BDCDCE zu HEX #BCCDC9

CSS-Code:

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

Radial

HEX #BDCDCE zu HEX #BCCDC9

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 8%, #BCCDC9 99%);

HEX #BCCDC9 zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #BCCDC9 11%, #BDCDCE 98%);

HEX #BCCDC9 zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCCDC9 1%, #BDCDCE 98%);

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 1%, #BCCCCD 95%);

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

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

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCCCCD 7%, #BDCDCE 93%);

HEX #BDCDCE zu HEX #BCC8CD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCC8CD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 7%, #BCC8CD 87%);

HEX #BCC8CD zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #BCC8CD 8%, #BDCDCE 98%);

HEX #BCC8CD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCC8CD 8%, #BDCDCE 100%);

HEX #BDCDCE zu HEX #BCC3CD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCC3CD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 13%, #BCC3CD 94%);

HEX #BCC3CD zu HEX #BDCDCE

CSS-Code:

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

HEX #BCC3CD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCC3CD 8%, #BDCDCE 92%);

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

Linear

HEX #BDCDCE zu HEX #A4BABC

CSS-Code:

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

Radial

HEX #BDCDCE zu HEX #A4BABC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 14%, #A4BABC 87%);

HEX #A4BABC zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #A4BABC 10%, #BDCDCE 100%);

HEX #A4BABC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #A4BABC 12%, #BDCDCE 86%);

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 2%, #BCCCCD 94%);

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

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

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCCCCD 6%, #BDCDCE 89%);

HEX #BDCDCE zu HEX #D3DEDF

CSS-Code:

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

HEX #BDCDCE zu HEX #D3DEDF

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 3%, #D3DEDF 92%);

HEX #D3DEDF zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #D3DEDF 8%, #BDCDCE 91%);

HEX #D3DEDF zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #D3DEDF 2%, #BDCDCE 99%);

HEX #BDCDCE zu HEX #EBF0F0

CSS-Code:

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

HEX #BDCDCE zu HEX #EBF0F0

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 7%, #EBF0F0 95%);

HEX #EBF0F0 zu HEX #BDCDCE

CSS-Code:

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

HEX #EBF0F0 zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #EBF0F0 14%, #BDCDCE 95%);

2-Farben Gradienten von #BDCDCE - Analoge Farben

Linear

HEX #BDCDCE zu HEX #BCCDC9

CSS-Code:

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

Radial

HEX #BDCDCE zu HEX #BCCDC9

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 13%, #BCCDC9 94%);

HEX #BCCDC9 zu HEX #BDCDCE

CSS-Code:

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

HEX #BCCDC9 zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCCDC9 5%, #BDCDCE 93%);

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 7%, #BCCCCD 95%);

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #BCCCCD 3%, #BDCDCE 92%);

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCCCCD 6%, #BDCDCE 89%);

HEX #BDCDCE zu HEX #BCC8CD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCC8CD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 5%, #BCC8CD 89%);

HEX #BCC8CD zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #BCC8CD 2%, #BDCDCE 93%);

HEX #BCC8CD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCC8CD 0%, #BDCDCE 98%);

HEX #BDCDCE zu HEX #BCC3CD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCC3CD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 13%, #BCC3CD 94%);

HEX #BCC3CD zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #BCC3CD 10%, #BDCDCE 86%);

HEX #BCC3CD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCC3CD 12%, #BDCDCE 95%);

2-Farben Gradienten von #BDCDCE - Monochromatische Farben

Linear

HEX #BDCDCE zu HEX #A4BABC

CSS-Code:

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

Radial

HEX #BDCDCE zu HEX #A4BABC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 11%, #A4BABC 99%);

HEX #A4BABC zu HEX #BDCDCE

CSS-Code:

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

HEX #A4BABC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #A4BABC 10%, #BDCDCE 100%);

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

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

HEX #BDCDCE zu HEX #BCCCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 13%, #BCCCCD 88%);

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #BCCCCD 5%, #BDCDCE 96%);

HEX #BCCCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #BCCCCD 5%, #BDCDCE 87%);

HEX #BDCDCE zu HEX #D3DEDF

CSS-Code:

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

HEX #BDCDCE zu HEX #D3DEDF

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 3%, #D3DEDF 88%);

HEX #D3DEDF zu HEX #BDCDCE

CSS-Code:

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

HEX #D3DEDF zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #D3DEDF 0%, #BDCDCE 87%);

HEX #BDCDCE zu HEX #EBF0F0

CSS-Code:

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

HEX #BDCDCE zu HEX #EBF0F0

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 1%, #EBF0F0 91%);

HEX #EBF0F0 zu HEX #BDCDCE

CSS-Code:

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

HEX #EBF0F0 zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #EBF0F0 8%, #BDCDCE 95%);

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

Linear

HEX #BDCDCE zu HEX #C0BCCD

CSS-Code:

background-image: linear-gradient(135deg, #BDCDCE 14%, #C0BCCD 92%);

Radial

HEX #BDCDCE zu HEX #C0BCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 14%, #C0BCCD 90%);

HEX #C0BCCD zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #C0BCCD 9%, #BDCDCE 89%);

HEX #C0BCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #C0BCCD 4%, #BDCDCE 93%);

HEX #BDCDCE zu HEX #CDC7BC

CSS-Code:

background-image: linear-gradient(135deg, #BDCDCE 9%, #CDC7BC 93%);

HEX #BDCDCE zu HEX #CDC7BC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 12%, #CDC7BC 86%);

HEX #CDC7BC zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #CDC7BC 11%, #BDCDCE 96%);

HEX #CDC7BC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #CDC7BC 4%, #BDCDCE 98%);

2-Farben Gradienten von #BDCDCE - Triadische Farben

Linear

HEX #BDCDCE zu HEX #CDBCCC

CSS-Code:

background-image: linear-gradient(135deg, #BDCDCE 13%, #CDBCCC 87%);

Radial

HEX #BDCDCE zu HEX #CDBCCC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 6%, #CDBCCC 87%);

HEX #CDBCCC zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #CDBCCC 6%, #BDCDCE 99%);

HEX #CDBCCC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #CDBCCC 5%, #BDCDCE 98%);

HEX #BDCDCE zu HEX #CCCDBC

CSS-Code:

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

HEX #BDCDCE zu HEX #CCCDBC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 3%, #CCCDBC 95%);

HEX #CCCDBC zu HEX #BDCDCE

CSS-Code:

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

HEX #CCCDBC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #CCCDBC 6%, #BDCDCE 93%);

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

Linear

HEX #BDCDCE zu HEX #C0BCCD

CSS-Code:

background-image: linear-gradient(135deg, #BDCDCE 8%, #C0BCCD 95%);

Radial

HEX #BDCDCE zu HEX #C0BCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 7%, #C0BCCD 99%);

HEX #C0BCCD zu HEX #BDCDCE

CSS-Code:

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

HEX #C0BCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #C0BCCD 1%, #BDCDCE 100%);

HEX #BDCDCE zu HEX #CDBCBC

CSS-Code:

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

HEX #BDCDCE zu HEX #CDBCBC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 2%, #CDBCBC 89%);

HEX #CDBCBC zu HEX #BDCDCE

CSS-Code:

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

HEX #CDBCBC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #CDBCBC 8%, #BDCDCE 89%);

HEX #BDCDCE zu HEX #C9CDBC

CSS-Code:

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

HEX #BDCDCE zu HEX #C9CDBC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 13%, #C9CDBC 100%);

HEX #C9CDBC zu HEX #BDCDCE

CSS-Code:

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

HEX #C9CDBC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #C9CDBC 8%, #BDCDCE 93%);

2-Farben Gradienten von #BDCDCE - Quadratische Farben

Linear

HEX #BDCDCE zu HEX #C5BCCD

CSS-Code:

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

Radial

HEX #BDCDCE zu HEX #C5BCCD

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 8%, #C5BCCD 87%);

HEX #C5BCCD zu HEX #BDCDCE

CSS-Code:

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

HEX #C5BCCD zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #C5BCCD 1%, #BDCDCE 86%);

HEX #BDCDCE zu HEX #CDBCBC

CSS-Code:

background-image: linear-gradient(135deg, #BDCDCE 13%, #CDBCBC 94%);

HEX #BDCDCE zu HEX #CDBCBC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 2%, #CDBCBC 92%);

HEX #CDBCBC zu HEX #BDCDCE

CSS-Code:

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

HEX #CDBCBC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #CDBCBC 11%, #BDCDCE 94%);

HEX #BDCDCE zu HEX #C3CDBC

CSS-Code:

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

HEX #BDCDCE zu HEX #C3CDBC

CSS-Code:

background-image: radial-gradient(circle, #BDCDCE 12%, #C3CDBC 100%);

HEX #C3CDBC zu HEX #BDCDCE

CSS-Code:

background-image: linear-gradient(135deg, #C3CDBC 3%, #BDCDCE 94%);

HEX #C3CDBC zu HEX #BDCDCE

CSS-Code:

background-image: radial-gradient(circle, #C3CDBC 8%, #BDCDCE 96%);

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.