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

✕

CSS Gradienten:
#ABCBEE

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 171 Rot, 203 Grün und 238 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 28 Cyan, 15 Magenta, keine Gelb und 7 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 #ABCBEE - Komplementärfarbe

Linear

HEX #ABCBEE zu HEX #543411

CSS-Code:

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

Radial

HEX #ABCBEE zu HEX #543411

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 5%, #543411 94%);

HEX #543411 zu HEX #ABCBEE

CSS-Code:

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

HEX #543411 zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #543411 4%, #ABCBEE 94%);

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

Linear

HEX #ABCBEE zu HEX #AADDEE

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 11%, #AADDEE 90%);

Radial

HEX #ABCBEE zu HEX #AADDEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 0%, #AADDEE 90%);

HEX #AADDEE zu HEX #ABCBEE

CSS-Code:

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

HEX #AADDEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AADDEE 0%, #ABCBEE 93%);

HEX #ABCBEE zu HEX #AACBEE

CSS-Code:

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

HEX #ABCBEE zu HEX #AACBEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 3%, #AACBEE 98%);

HEX #AACBEE zu HEX #ABCBEE

CSS-Code:

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

HEX #AACBEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AACBEE 5%, #ABCBEE 98%);

HEX #ABCBEE zu HEX #AAB9EE

CSS-Code:

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

HEX #ABCBEE zu HEX #AAB9EE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 12%, #AAB9EE 86%);

HEX #AAB9EE zu HEX #ABCBEE

CSS-Code:

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

HEX #AAB9EE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AAB9EE 7%, #ABCBEE 97%);

HEX #ABCBEE zu HEX #AEAAEE

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 7%, #AEAAEE 100%);

HEX #ABCBEE zu HEX #AEAAEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 7%, #AEAAEE 90%);

HEX #AEAAEE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #AEAAEE 5%, #ABCBEE 93%);

HEX #AEAAEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AEAAEE 1%, #ABCBEE 99%);

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

Linear

HEX #ABCBEE zu HEX #88B5E7

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 13%, #88B5E7 92%);

Radial

HEX #ABCBEE zu HEX #88B5E7

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 14%, #88B5E7 91%);

HEX #88B5E7 zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #88B5E7 10%, #ABCBEE 90%);

HEX #88B5E7 zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #88B5E7 12%, #ABCBEE 94%);

HEX #ABCBEE zu HEX #AACAEE

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 12%, #AACAEE 93%);

HEX #ABCBEE zu HEX #AACAEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 9%, #AACAEE 88%);

HEX #AACAEE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #AACAEE 1%, #ABCBEE 91%);

HEX #AACAEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AACAEE 7%, #ABCBEE 97%);

HEX #ABCBEE zu HEX #CDE0F5

CSS-Code:

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

HEX #ABCBEE zu HEX #CDE0F5

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 5%, #CDE0F5 95%);

HEX #CDE0F5 zu HEX #ABCBEE

CSS-Code:

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

HEX #CDE0F5 zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #CDE0F5 1%, #ABCBEE 91%);

HEX #ABCBEE zu HEX #EFF5FC

CSS-Code:

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

HEX #ABCBEE zu HEX #EFF5FC

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 6%, #EFF5FC 94%);

HEX #EFF5FC zu HEX #ABCBEE

CSS-Code:

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

HEX #EFF5FC zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #EFF5FC 6%, #ABCBEE 96%);

2-Farben Gradienten von #ABCBEE - Analoge Farben

Linear

HEX #ABCBEE zu HEX #AADDEE

CSS-Code:

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

Radial

HEX #ABCBEE zu HEX #AADDEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 11%, #AADDEE 94%);

HEX #AADDEE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #AADDEE 0%, #ABCBEE 94%);

HEX #AADDEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AADDEE 2%, #ABCBEE 93%);

HEX #ABCBEE zu HEX #AACBEE

CSS-Code:

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

HEX #ABCBEE zu HEX #AACBEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 8%, #AACBEE 95%);

HEX #AACBEE zu HEX #ABCBEE

CSS-Code:

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

HEX #AACBEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AACBEE 3%, #ABCBEE 91%);

HEX #ABCBEE zu HEX #AAB9EE

CSS-Code:

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

HEX #ABCBEE zu HEX #AAB9EE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 10%, #AAB9EE 88%);

HEX #AAB9EE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #AAB9EE 11%, #ABCBEE 94%);

HEX #AAB9EE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AAB9EE 12%, #ABCBEE 100%);

HEX #ABCBEE zu HEX #AEAAEE

CSS-Code:

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

HEX #ABCBEE zu HEX #AEAAEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 9%, #AEAAEE 99%);

HEX #AEAAEE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #AEAAEE 1%, #ABCBEE 86%);

HEX #AEAAEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AEAAEE 5%, #ABCBEE 88%);

2-Farben Gradienten von #ABCBEE - Monochromatische Farben

Linear

HEX #ABCBEE zu HEX #88B5E7

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 13%, #88B5E7 86%);

Radial

HEX #ABCBEE zu HEX #88B5E7

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 6%, #88B5E7 86%);

HEX #88B5E7 zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #88B5E7 5%, #ABCBEE 99%);

HEX #88B5E7 zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #88B5E7 5%, #ABCBEE 92%);

HEX #ABCBEE zu HEX #AACAEE

CSS-Code:

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

HEX #ABCBEE zu HEX #AACAEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 13%, #AACAEE 96%);

HEX #AACAEE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #AACAEE 7%, #ABCBEE 93%);

HEX #AACAEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AACAEE 12%, #ABCBEE 92%);

HEX #ABCBEE zu HEX #CDE0F5

CSS-Code:

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

HEX #ABCBEE zu HEX #CDE0F5

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 6%, #CDE0F5 86%);

HEX #CDE0F5 zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #CDE0F5 4%, #ABCBEE 99%);

HEX #CDE0F5 zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #CDE0F5 8%, #ABCBEE 87%);

HEX #ABCBEE zu HEX #EFF5FC

CSS-Code:

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

HEX #ABCBEE zu HEX #EFF5FC

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 2%, #EFF5FC 87%);

HEX #EFF5FC zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #EFF5FC 10%, #ABCBEE 87%);

HEX #EFF5FC zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #EFF5FC 7%, #ABCBEE 95%);

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

Linear

HEX #ABCBEE zu HEX #DBAAEE

CSS-Code:

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

Radial

HEX #ABCBEE zu HEX #DBAAEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 13%, #DBAAEE 93%);

HEX #DBAAEE zu HEX #ABCBEE

CSS-Code:

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

HEX #DBAAEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #DBAAEE 6%, #ABCBEE 91%);

HEX #ABCBEE zu HEX #E6EEAA

CSS-Code:

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

HEX #ABCBEE zu HEX #E6EEAA

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 10%, #E6EEAA 89%);

HEX #E6EEAA zu HEX #ABCBEE

CSS-Code:

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

HEX #E6EEAA zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #E6EEAA 4%, #ABCBEE 87%);

2-Farben Gradienten von #ABCBEE - Triadische Farben

Linear

HEX #ABCBEE zu HEX #EEAACB

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 0%, #EEAACB 93%);

Radial

HEX #ABCBEE zu HEX #EEAACB

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 11%, #EEAACB 94%);

HEX #EEAACB zu HEX #ABCBEE

CSS-Code:

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

HEX #EEAACB zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #EEAACB 2%, #ABCBEE 96%);

HEX #ABCBEE zu HEX #CBEEAA

CSS-Code:

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

HEX #ABCBEE zu HEX #CBEEAA

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 6%, #CBEEAA 99%);

HEX #CBEEAA zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #CBEEAA 7%, #ABCBEE 100%);

HEX #CBEEAA zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #CBEEAA 6%, #ABCBEE 90%);

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

Linear

HEX #ABCBEE zu HEX #DBAAEE

CSS-Code:

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

Radial

HEX #ABCBEE zu HEX #DBAAEE

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 9%, #DBAAEE 92%);

HEX #DBAAEE zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #DBAAEE 1%, #ABCBEE 86%);

HEX #DBAAEE zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #DBAAEE 10%, #ABCBEE 95%);

HEX #ABCBEE zu HEX #EECDAA

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 1%, #EECDAA 89%);

HEX #ABCBEE zu HEX #EECDAA

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 4%, #EECDAA 100%);

HEX #EECDAA zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #EECDAA 1%, #ABCBEE 90%);

HEX #EECDAA zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #EECDAA 2%, #ABCBEE 92%);

HEX #ABCBEE zu HEX #BDEEAA

CSS-Code:

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

HEX #ABCBEE zu HEX #BDEEAA

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 4%, #BDEEAA 88%);

HEX #BDEEAA zu HEX #ABCBEE

CSS-Code:

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

HEX #BDEEAA zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #BDEEAA 5%, #ABCBEE 99%);

2-Farben Gradienten von #ABCBEE - Quadratische Farben

Linear

HEX #ABCBEE zu HEX #EEAAED

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 0%, #EEAAED 93%);

Radial

HEX #ABCBEE zu HEX #EEAAED

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 12%, #EEAAED 99%);

HEX #EEAAED zu HEX #ABCBEE

CSS-Code:

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

HEX #EEAAED zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #EEAAED 3%, #ABCBEE 91%);

HEX #ABCBEE zu HEX #EECDAA

CSS-Code:

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

HEX #ABCBEE zu HEX #EECDAA

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 6%, #EECDAA 86%);

HEX #EECDAA zu HEX #ABCBEE

CSS-Code:

background-image: linear-gradient(135deg, #EECDAA 1%, #ABCBEE 87%);

HEX #EECDAA zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #EECDAA 5%, #ABCBEE 86%);

HEX #ABCBEE zu HEX #AAEEAB

CSS-Code:

background-image: linear-gradient(135deg, #ABCBEE 10%, #AAEEAB 95%);

HEX #ABCBEE zu HEX #AAEEAB

CSS-Code:

background-image: radial-gradient(circle, #ABCBEE 2%, #AAEEAB 95%);

HEX #AAEEAB zu HEX #ABCBEE

CSS-Code:

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

HEX #AAEEAB zu HEX #ABCBEE

CSS-Code:

background-image: radial-gradient(circle, #AAEEAB 8%, #ABCBEE 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.