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

✕

CSS Gradienten:
#BADDCE

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 186 Rot, 221 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 16 Cyan, keine Magenta, 7 Gelb und 13 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 #BADDCE - Komplementärfarbe

Linear

HEX #BADDCE zu HEX #452231

CSS-Code:

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

Radial

HEX #BADDCE zu HEX #452231

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 13%, #452231 99%);

HEX #452231 zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #452231 13%, #BADDCE 86%);

HEX #452231 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #452231 4%, #BADDCE 91%);

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

Linear

HEX #BADDCE zu HEX #BBDDC5

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 8%, #BBDDC5 86%);

Radial

HEX #BADDCE zu HEX #BBDDC5

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 6%, #BBDDC5 90%);

HEX #BBDDC5 zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BBDDC5 14%, #BADDCE 93%);

HEX #BBDDC5 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDC5 10%, #BADDCE 99%);

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 4%, #BBDDCE 98%);

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 2%, #BBDDCE 95%);

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BBDDCE 12%, #BADDCE 97%);

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDCE 9%, #BADDCE 90%);

HEX #BADDCE zu HEX #BBDDD8

CSS-Code:

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

HEX #BADDCE zu HEX #BBDDD8

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 13%, #BBDDD8 98%);

HEX #BBDDD8 zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BBDDD8 0%, #BADDCE 91%);

HEX #BBDDD8 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDD8 2%, #BADDCE 90%);

HEX #BADDCE zu HEX #BBDADD

CSS-Code:

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

HEX #BADDCE zu HEX #BBDADD

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 9%, #BBDADD 95%);

HEX #BBDADD zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BBDADD 6%, #BADDCE 96%);

HEX #BBDADD zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDADD 13%, #BADDCE 100%);

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

Linear

HEX #BADDCE zu HEX #9FD0BB

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 7%, #9FD0BB 95%);

Radial

HEX #BADDCE zu HEX #9FD0BB

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 13%, #9FD0BB 96%);

HEX #9FD0BB zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #9FD0BB 13%, #BADDCE 88%);

HEX #9FD0BB zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #9FD0BB 13%, #BADDCE 87%);

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 5%, #BBDDCE 90%);

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 4%, #BBDDCE 99%);

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

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

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDCE 4%, #BADDCE 87%);

HEX #BADDCE zu HEX #D6EBE2

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 12%, #D6EBE2 87%);

HEX #BADDCE zu HEX #D6EBE2

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 13%, #D6EBE2 97%);

HEX #D6EBE2 zu HEX #BADDCE

CSS-Code:

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

HEX #D6EBE2 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #D6EBE2 6%, #BADDCE 90%);

HEX #BADDCE zu HEX #F2F9F6

CSS-Code:

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

HEX #BADDCE zu HEX #F2F9F6

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 0%, #F2F9F6 86%);

HEX #F2F9F6 zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #F2F9F6 4%, #BADDCE 89%);

HEX #F2F9F6 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #F2F9F6 2%, #BADDCE 92%);

2-Farben Gradienten von #BADDCE - Analoge Farben

Linear

HEX #BADDCE zu HEX #BBDDC5

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 11%, #BBDDC5 93%);

Radial

HEX #BADDCE zu HEX #BBDDC5

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 6%, #BBDDC5 91%);

HEX #BBDDC5 zu HEX #BADDCE

CSS-Code:

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

HEX #BBDDC5 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDC5 11%, #BADDCE 93%);

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

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

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 7%, #BBDDCE 99%);

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

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

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDCE 10%, #BADDCE 92%);

HEX #BADDCE zu HEX #BBDDD8

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 0%, #BBDDD8 89%);

HEX #BADDCE zu HEX #BBDDD8

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 1%, #BBDDD8 87%);

HEX #BBDDD8 zu HEX #BADDCE

CSS-Code:

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

HEX #BBDDD8 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDD8 7%, #BADDCE 92%);

HEX #BADDCE zu HEX #BBDADD

CSS-Code:

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

HEX #BADDCE zu HEX #BBDADD

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 13%, #BBDADD 98%);

HEX #BBDADD zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BBDADD 3%, #BADDCE 96%);

HEX #BBDADD zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDADD 3%, #BADDCE 94%);

2-Farben Gradienten von #BADDCE - Monochromatische Farben

Linear

HEX #BADDCE zu HEX #9FD0BB

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 12%, #9FD0BB 98%);

Radial

HEX #BADDCE zu HEX #9FD0BB

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 5%, #9FD0BB 86%);

HEX #9FD0BB zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #9FD0BB 5%, #BADDCE 87%);

HEX #9FD0BB zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #9FD0BB 2%, #BADDCE 94%);

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

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

HEX #BADDCE zu HEX #BBDDCE

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 11%, #BBDDCE 93%);

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

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

HEX #BBDDCE zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBDDCE 10%, #BADDCE 94%);

HEX #BADDCE zu HEX #D6EBE2

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 6%, #D6EBE2 89%);

HEX #BADDCE zu HEX #D6EBE2

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 11%, #D6EBE2 99%);

HEX #D6EBE2 zu HEX #BADDCE

CSS-Code:

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

HEX #D6EBE2 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #D6EBE2 13%, #BADDCE 91%);

HEX #BADDCE zu HEX #F2F9F6

CSS-Code:

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

HEX #BADDCE zu HEX #F2F9F6

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 7%, #F2F9F6 96%);

HEX #F2F9F6 zu HEX #BADDCE

CSS-Code:

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

HEX #F2F9F6 zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #F2F9F6 3%, #BADDCE 86%);

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

Linear

HEX #BADDCE zu HEX #BBC3DD

CSS-Code:

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

Radial

HEX #BADDCE zu HEX #BBC3DD

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 3%, #BBC3DD 98%);

HEX #BBC3DD zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BBC3DD 4%, #BADDCE 89%);

HEX #BBC3DD zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBC3DD 5%, #BADDCE 92%);

HEX #BADDCE zu HEX #DDC0BB

CSS-Code:

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

HEX #BADDCE zu HEX #DDC0BB

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 6%, #DDC0BB 97%);

HEX #DDC0BB zu HEX #BADDCE

CSS-Code:

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

HEX #DDC0BB zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #DDC0BB 14%, #BADDCE 94%);

2-Farben Gradienten von #BADDCE - Triadische Farben

Linear

HEX #BADDCE zu HEX #CEBBDD

CSS-Code:

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

Radial

HEX #BADDCE zu HEX #CEBBDD

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 6%, #CEBBDD 93%);

HEX #CEBBDD zu HEX #BADDCE

CSS-Code:

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

HEX #CEBBDD zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #CEBBDD 14%, #BADDCE 86%);

HEX #BADDCE zu HEX #DDCEBB

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 2%, #DDCEBB 87%);

HEX #BADDCE zu HEX #DDCEBB

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 2%, #DDCEBB 89%);

HEX #DDCEBB zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #DDCEBB 4%, #BADDCE 89%);

HEX #DDCEBB zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #DDCEBB 9%, #BADDCE 93%);

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

Linear

HEX #BADDCE zu HEX #BBC3DD

CSS-Code:

background-image: linear-gradient(135deg, #BADDCE 13%, #BBC3DD 88%);

Radial

HEX #BADDCE zu HEX #BBC3DD

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 11%, #BBC3DD 88%);

HEX #BBC3DD zu HEX #BADDCE

CSS-Code:

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

HEX #BBC3DD zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BBC3DD 9%, #BADDCE 96%);

HEX #BADDCE zu HEX #DDBBCA

CSS-Code:

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

HEX #BADDCE zu HEX #DDBBCA

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 1%, #DDBBCA 92%);

HEX #DDBBCA zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #DDBBCA 11%, #BADDCE 93%);

HEX #DDBBCA zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #DDBBCA 6%, #BADDCE 87%);

HEX #BADDCE zu HEX #DDD5BB

CSS-Code:

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

HEX #BADDCE zu HEX #DDD5BB

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 4%, #DDD5BB 88%);

HEX #DDD5BB zu HEX #BADDCE

CSS-Code:

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

HEX #DDD5BB zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #DDD5BB 7%, #BADDCE 90%);

2-Farben Gradienten von #BADDCE - Quadratische Farben

Linear

HEX #BADDCE zu HEX #BDBBDD

CSS-Code:

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

Radial

HEX #BADDCE zu HEX #BDBBDD

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 13%, #BDBBDD 96%);

HEX #BDBBDD zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #BDBBDD 14%, #BADDCE 86%);

HEX #BDBBDD zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #BDBBDD 11%, #BADDCE 96%);

HEX #BADDCE zu HEX #DDBBCA

CSS-Code:

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

HEX #BADDCE zu HEX #DDBBCA

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 4%, #DDBBCA 86%);

HEX #DDBBCA zu HEX #BADDCE

CSS-Code:

background-image: linear-gradient(135deg, #DDBBCA 4%, #BADDCE 89%);

HEX #DDBBCA zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #DDBBCA 4%, #BADDCE 90%);

HEX #BADDCE zu HEX #DBDDBB

CSS-Code:

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

HEX #BADDCE zu HEX #DBDDBB

CSS-Code:

background-image: radial-gradient(circle, #BADDCE 1%, #DBDDBB 94%);

HEX #DBDDBB zu HEX #BADDCE

CSS-Code:

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

HEX #DBDDBB zu HEX #BADDCE

CSS-Code:

background-image: radial-gradient(circle, #DBDDBB 10%, #BADDCE 99%);

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.