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

CSS Gradienten:
#CFEEABCE

Information

schließe alle

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.

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.

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 207 Rot, 238 Grün und 171 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.
207 238 171 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 11 Cyan, keine Magenta, 23 Gelb und 5 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.
11% 0% 23% 5% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #CFEEABCE zu HEX #301154CE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 14%, #301154CE 98%);

Radial

HEX #CFEEABCE zu HEX #301154CE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 13%, #301154CE 89%);

 

HEX #301154CE zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #301154CE 10%, #CFEEABCE 100%);

 

HEX #301154CE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #301154CE 0%, #CFEEABCE 100%);

Linear

HEX #CFEEABCE zu HEX #E1EEAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 8%, #E1EEAACE 92%);

Radial

HEX #CFEEABCE zu HEX #E1EEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 9%, #E1EEAACE 92%);

 

HEX #E1EEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #E1EEAACE 7%, #CFEEABCE 98%);

 

HEX #E1EEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #E1EEAACE 9%, #CFEEABCE 98%);

 

HEX #CFEEABCE zu HEX #CFEEAACE


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #CFEEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 12%, #CFEEAACE 95%);

 

HEX #CFEEAACE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #CFEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #CFEEAACE 3%, #CFEEABCE 98%);

 

HEX #CFEEABCE zu HEX #BDEEAACE


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #BDEEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 8%, #BDEEAACE 99%);

 

HEX #BDEEAACE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #BDEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEEAACE 1%, #CFEEABCE 95%);

 

HEX #CFEEABCE zu HEX #ABEEAACE


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #ABEEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 1%, #ABEEAACE 88%);

 

HEX #ABEEAACE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #ABEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #ABEEAACE 4%, #CFEEABCE 95%);

Linear

HEX #CFEEABCE zu HEX #BBE788


CSS-Code:

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

Radial

HEX #CFEEABCE zu HEX #BBE788


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 10%, #BBE788 100%);

 

HEX #BBE788 zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #BBE788 zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #BBE788 13%, #CFEEABCE 91%);

 

HEX #CFEEABCE zu HEX #CFEEAA


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #CFEEAA


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 5%, #CFEEAA 96%);

 

HEX #CFEEAA zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEAA 11%, #CFEEABCE 97%);

 

HEX #CFEEAA zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #CFEEAA 5%, #CFEEABCE 95%);

 

HEX #CFEEABCE zu HEX #E2F5CD


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 13%, #E2F5CD 90%);

 

HEX #CFEEABCE zu HEX #E2F5CD


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 11%, #E2F5CD 98%);

 

HEX #E2F5CD zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #E2F5CD 1%, #CFEEABCE 98%);

 

HEX #E2F5CD zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #E2F5CD 14%, #CFEEABCE 86%);

 

HEX #CFEEABCE zu HEX #F6FCEF


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #F6FCEF


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 5%, #F6FCEF 94%);

 

HEX #F6FCEF zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #F6FCEF 3%, #CFEEABCE 89%);

 

HEX #F6FCEF zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #F6FCEF 13%, #CFEEABCE 99%);

Linear

HEX #CFEEABCE zu HEX #E1EEAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 8%, #E1EEAACE 93%);

Radial

HEX #CFEEABCE zu HEX #E1EEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 7%, #E1EEAACE 92%);

 

HEX #E1EEAACE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #E1EEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #E1EEAACE 10%, #CFEEABCE 98%);

 

HEX #CFEEABCE zu HEX #CFEEAACE


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #CFEEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 5%, #CFEEAACE 90%);

 

HEX #CFEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEAACE 7%, #CFEEABCE 96%);

 

HEX #CFEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #CFEEAACE 5%, #CFEEABCE 89%);

 

HEX #CFEEABCE zu HEX #BDEEAACE


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #BDEEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 8%, #BDEEAACE 98%);

 

HEX #BDEEAACE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #BDEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEEAACE 1%, #CFEEABCE 99%);

 

HEX #CFEEABCE zu HEX #ABEEAACE


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #ABEEAACE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 9%, #ABEEAACE 89%);

 

HEX #ABEEAACE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #ABEEAACE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #ABEEAACE 0%, #CFEEABCE 94%);

Linear

HEX #CFEEABCE zu HEX #BBE788


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 13%, #BBE788 90%);

Radial

HEX #CFEEABCE zu HEX #BBE788


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 2%, #BBE788 97%);

 

HEX #BBE788 zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #BBE788 14%, #CFEEABCE 100%);

 

HEX #BBE788 zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #BBE788 14%, #CFEEABCE 97%);

 

HEX #CFEEABCE zu HEX #CFEEAA


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #CFEEAA


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 7%, #CFEEAA 87%);

 

HEX #CFEEAA zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #CFEEAA zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #CFEEAA 4%, #CFEEABCE 90%);

 

HEX #CFEEABCE zu HEX #E2F5CD


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #E2F5CD


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 6%, #E2F5CD 95%);

 

HEX #E2F5CD zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #E2F5CD zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #E2F5CD 8%, #CFEEABCE 92%);

 

HEX #CFEEABCE zu HEX #F6FCEF


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #F6FCEF


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 1%, #F6FCEF 90%);

 

HEX #F6FCEF zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #F6FCEF zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #F6FCEF 7%, #CFEEABCE 98%);

Linear

HEX #CFEEABCE zu HEX #AAEED6


CSS-Code:

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

Radial

HEX #CFEEABCE zu HEX #AAEED6


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 5%, #AAEED6 98%);

 

HEX #AAEED6 zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #AAEED6 14%, #CFEEABCE 91%);

 

HEX #AAEED6 zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #AAEED6 4%, #CFEEABCE 87%);

 

HEX #CFEEABCE zu HEX #EEAAEA


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #EEAAEA


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 1%, #EEAAEA 100%);

 

HEX #EEAAEA zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #EEAAEA 8%, #CFEEABCE 97%);

 

HEX #EEAAEA zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #EEAAEA 5%, #CFEEABCE 87%);

Linear

HEX #CFEEABCE zu HEX #AACFEE


CSS-Code:

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

Radial

HEX #CFEEABCE zu HEX #AACFEE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 14%, #AACFEE 86%);

 

HEX #AACFEE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #AACFEE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #AACFEE 5%, #CFEEABCE 89%);

 

HEX #CFEEABCE zu HEX #EEAACF


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #EEAACF


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 1%, #EEAACF 90%);

 

HEX #EEAACF zu HEX #CFEEABCE


CSS-Code:

background-image: linear-gradient(135deg, #EEAACF 6%, #CFEEABCE 87%);

 

HEX #EEAACF zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #EEAACF 14%, #CFEEABCE 92%);

Linear

HEX #CFEEABCE zu HEX #AAEED6


CSS-Code:

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

Radial

HEX #CFEEABCE zu HEX #AAEED6


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 11%, #AAEED6 100%);

 

HEX #AAEED6 zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #AAEED6 zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #AAEED6 11%, #CFEEABCE 90%);

 

HEX #CFEEABCE zu HEX #C9AAEE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 12%, #C9AAEE 96%);

 

HEX #CFEEABCE zu HEX #C9AAEE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 2%, #C9AAEE 97%);

 

HEX #C9AAEE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #C9AAEE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #C9AAEE 10%, #CFEEABCE 94%);

 

HEX #CFEEABCE zu HEX #EEAAC2


CSS-Code:

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

 

HEX #CFEEABCE zu HEX #EEAAC2


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 9%, #EEAAC2 88%);

 

HEX #EEAAC2 zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #EEAAC2 zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #EEAAC2 5%, #CFEEABCE 92%);

Linear

HEX #CFEEABCE zu HEX #AAEEEA


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 4%, #AAEEEA 92%);

Radial

HEX #CFEEABCE zu HEX #AAEEEA


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 8%, #AAEEEA 99%);

 

HEX #AAEEEA zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #AAEEEA zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #AAEEEA 2%, #CFEEABCE 95%);

 

HEX #CFEEABCE zu HEX #C9AAEE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 10%, #C9AAEE 91%);

 

HEX #CFEEABCE zu HEX #C9AAEE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 6%, #C9AAEE 92%);

 

HEX #C9AAEE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #C9AAEE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #C9AAEE 7%, #CFEEABCE 89%);

 

HEX #CFEEABCE zu HEX #EEAAAE


CSS-Code:

background-image: linear-gradient(135deg, #CFEEABCE 3%, #EEAAAE 99%);

 

HEX #CFEEABCE zu HEX #EEAAAE


CSS-Code:

background-image: radial-gradient(circle, #CFEEABCE 6%, #EEAAAE 100%);

 

HEX #EEAAAE zu HEX #CFEEABCE


CSS-Code:

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

 

HEX #EEAAAE zu HEX #CFEEABCE


CSS-Code:

background-image: radial-gradient(circle, #EEAAAE 8%, #CFEEABCE 91%);

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.