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

✕

CSS Gradienten:
#ABBCB9

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, 188 Grün und 185 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 9 Cyan, keine Magenta, 2 Gelb und 26 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 #ABBCB9 - Komplementärfarbe

Linear

HEX #ABBCB9 zu HEX #544346

CSS-Code:

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

Radial

HEX #ABBCB9 zu HEX #544346

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 9%, #544346 87%);

HEX #544346 zu HEX #ABBCB9

CSS-Code:

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

HEX #544346 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #544346 14%, #ABBCB9 95%);

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

Linear

HEX #ABBCB9 zu HEX #AABBB3

CSS-Code:

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

Radial

HEX #ABBCB9 zu HEX #AABBB3

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 1%, #AABBB3 91%);

HEX #AABBB3 zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #AABBB3 10%, #ABBCB9 98%);

HEX #AABBB3 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABBB3 12%, #ABBCB9 86%);

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 5%, #AABBB8 95%);

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 2%, #AABBB8 91%);

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #AABBB8 5%, #ABBCB9 91%);

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABBB8 1%, #ABBCB9 86%);

HEX #ABBCB9 zu HEX #AABABB

CSS-Code:

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

HEX #ABBCB9 zu HEX #AABABB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 1%, #AABABB 92%);

HEX #AABABB zu HEX #ABBCB9

CSS-Code:

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

HEX #AABABB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABABB 14%, #ABBCB9 97%);

HEX #ABBCB9 zu HEX #AAB5BB

CSS-Code:

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

HEX #ABBCB9 zu HEX #AAB5BB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 14%, #AAB5BB 99%);

HEX #AAB5BB zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #AAB5BB 3%, #ABBCB9 86%);

HEX #AAB5BB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AAB5BB 2%, #ABBCB9 95%);

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

Linear

HEX #ABBCB9 zu HEX #93A9A5

CSS-Code:

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

Radial

HEX #ABBCB9 zu HEX #93A9A5

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 11%, #93A9A5 92%);

HEX #93A9A5 zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #93A9A5 1%, #ABBCB9 99%);

HEX #93A9A5 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #93A9A5 8%, #ABBCB9 86%);

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

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

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 3%, #AABBB8 88%);

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

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

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABBB8 2%, #ABBCB9 91%);

HEX #ABBCB9 zu HEX #C1CDCB

CSS-Code:

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

HEX #ABBCB9 zu HEX #C1CDCB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 11%, #C1CDCB 95%);

HEX #C1CDCB zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #C1CDCB 1%, #ABBCB9 96%);

HEX #C1CDCB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #C1CDCB 9%, #ABBCB9 95%);

HEX #ABBCB9 zu HEX #D8E0DE

CSS-Code:

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

HEX #ABBCB9 zu HEX #D8E0DE

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 12%, #D8E0DE 94%);

HEX #D8E0DE zu HEX #ABBCB9

CSS-Code:

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

HEX #D8E0DE zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #D8E0DE 14%, #ABBCB9 86%);

2-Farben Gradienten von #ABBCB9 - Analoge Farben

Linear

HEX #ABBCB9 zu HEX #AABBB3

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 11%, #AABBB3 87%);

Radial

HEX #ABBCB9 zu HEX #AABBB3

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 9%, #AABBB3 92%);

HEX #AABBB3 zu HEX #ABBCB9

CSS-Code:

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

HEX #AABBB3 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABBB3 0%, #ABBCB9 100%);

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 1%, #AABBB8 99%);

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 6%, #AABBB8 99%);

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #AABBB8 10%, #ABBCB9 94%);

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABBB8 0%, #ABBCB9 100%);

HEX #ABBCB9 zu HEX #AABABB

CSS-Code:

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

HEX #ABBCB9 zu HEX #AABABB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 9%, #AABABB 93%);

HEX #AABABB zu HEX #ABBCB9

CSS-Code:

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

HEX #AABABB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABABB 5%, #ABBCB9 99%);

HEX #ABBCB9 zu HEX #AAB5BB

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 7%, #AAB5BB 92%);

HEX #ABBCB9 zu HEX #AAB5BB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 0%, #AAB5BB 92%);

HEX #AAB5BB zu HEX #ABBCB9

CSS-Code:

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

HEX #AAB5BB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AAB5BB 8%, #ABBCB9 88%);

2-Farben Gradienten von #ABBCB9 - Monochromatische Farben

Linear

HEX #ABBCB9 zu HEX #93A9A5

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 14%, #93A9A5 92%);

Radial

HEX #ABBCB9 zu HEX #93A9A5

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 0%, #93A9A5 90%);

HEX #93A9A5 zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #93A9A5 14%, #ABBCB9 99%);

HEX #93A9A5 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #93A9A5 7%, #ABBCB9 90%);

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

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

HEX #ABBCB9 zu HEX #AABBB8

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 2%, #AABBB8 89%);

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

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

HEX #AABBB8 zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AABBB8 6%, #ABBCB9 93%);

HEX #ABBCB9 zu HEX #C1CDCB

CSS-Code:

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

HEX #ABBCB9 zu HEX #C1CDCB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 4%, #C1CDCB 95%);

HEX #C1CDCB zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #C1CDCB 9%, #ABBCB9 87%);

HEX #C1CDCB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #C1CDCB 1%, #ABBCB9 86%);

HEX #ABBCB9 zu HEX #D8E0DE

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 8%, #D8E0DE 94%);

HEX #ABBCB9 zu HEX #D8E0DE

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 13%, #D8E0DE 89%);

HEX #D8E0DE zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #D8E0DE 5%, #ABBCB9 95%);

HEX #D8E0DE zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #D8E0DE 13%, #ABBCB9 95%);

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

Linear

HEX #ABBCB9 zu HEX #AAAABB

CSS-Code:

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

Radial

HEX #ABBCB9 zu HEX #AAAABB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 7%, #AAAABB 99%);

HEX #AAAABB zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #AAAABB 1%, #ABBCB9 93%);

HEX #AAAABB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AAAABB 4%, #ABBCB9 92%);

HEX #ABBCB9 zu HEX #BBB1AA

CSS-Code:

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

HEX #ABBCB9 zu HEX #BBB1AA

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 3%, #BBB1AA 97%);

HEX #BBB1AA zu HEX #ABBCB9

CSS-Code:

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

HEX #BBB1AA zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #BBB1AA 10%, #ABBCB9 86%);

2-Farben Gradienten von #ABBCB9 - Triadische Farben

Linear

HEX #ABBCB9 zu HEX #B8AABB

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 0%, #B8AABB 90%);

Radial

HEX #ABBCB9 zu HEX #B8AABB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 1%, #B8AABB 99%);

HEX #B8AABB zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #B8AABB 8%, #ABBCB9 94%);

HEX #B8AABB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #B8AABB 1%, #ABBCB9 90%);

HEX #ABBCB9 zu HEX #BBB8AA

CSS-Code:

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

HEX #ABBCB9 zu HEX #BBB8AA

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 6%, #BBB8AA 92%);

HEX #BBB8AA zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #BBB8AA 10%, #ABBCB9 89%);

HEX #BBB8AA zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #BBB8AA 2%, #ABBCB9 93%);

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

Linear

HEX #ABBCB9 zu HEX #AAAABB

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 4%, #AAAABB 90%);

Radial

HEX #ABBCB9 zu HEX #AAAABB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 5%, #AAAABB 89%);

HEX #AAAABB zu HEX #ABBCB9

CSS-Code:

background-image: linear-gradient(135deg, #AAAABB 5%, #ABBCB9 100%);

HEX #AAAABB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AAAABB 13%, #ABBCB9 87%);

HEX #ABBCB9 zu HEX #BBAAAD

CSS-Code:

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

HEX #ABBCB9 zu HEX #BBAAAD

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 6%, #BBAAAD 89%);

HEX #BBAAAD zu HEX #ABBCB9

CSS-Code:

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

HEX #BBAAAD zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #BBAAAD 6%, #ABBCB9 86%);

HEX #ABBCB9 zu HEX #BBBBAA

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 8%, #BBBBAA 87%);

HEX #ABBCB9 zu HEX #BBBBAA

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 14%, #BBBBAA 95%);

HEX #BBBBAA zu HEX #ABBCB9

CSS-Code:

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

HEX #BBBBAA zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #BBBBAA 10%, #ABBCB9 99%);

2-Farben Gradienten von #ABBCB9 - Quadratische Farben

Linear

HEX #ABBCB9 zu HEX #AFAABB

CSS-Code:

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

Radial

HEX #ABBCB9 zu HEX #AFAABB

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 3%, #AFAABB 87%);

HEX #AFAABB zu HEX #ABBCB9

CSS-Code:

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

HEX #AFAABB zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #AFAABB 14%, #ABBCB9 94%);

HEX #ABBCB9 zu HEX #BBAAAD

CSS-Code:

background-image: linear-gradient(135deg, #ABBCB9 2%, #BBAAAD 96%);

HEX #ABBCB9 zu HEX #BBAAAD

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 12%, #BBAAAD 97%);

HEX #BBAAAD zu HEX #ABBCB9

CSS-Code:

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

HEX #BBAAAD zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #BBAAAD 0%, #ABBCB9 90%);

HEX #ABBCB9 zu HEX #B6BBAA

CSS-Code:

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

HEX #ABBCB9 zu HEX #B6BBAA

CSS-Code:

background-image: radial-gradient(circle, #ABBCB9 5%, #B6BBAA 96%);

HEX #B6BBAA zu HEX #ABBCB9

CSS-Code:

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

HEX #B6BBAA zu HEX #ABBCB9

CSS-Code:

background-image: radial-gradient(circle, #B6BBAA 10%, #ABBCB9 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.