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

CSS Gradienten:
#CECAAACE

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #CECAAACE zu HEX #313555CE


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 8%, #313555CE 87%);

Radial

HEX #CECAAACE zu HEX #313555CE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 3%, #313555CE 100%);

 

HEX #313555CE zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #313555CE 1%, #CECAAACE 98%);

 

HEX #313555CE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #313555CE 10%, #CECAAACE 86%);

Linear

HEX #CECAAACE zu HEX #CFC1ABCE


CSS-Code:

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

Radial

HEX #CECAAACE zu HEX #CFC1ABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 14%, #CFC1ABCE 96%);

 

HEX #CFC1ABCE zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFC1ABCE 13%, #CECAAACE 96%);

 

HEX #CFC1ABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFC1ABCE 5%, #CECAAACE 91%);

 

HEX #CECAAACE zu HEX #CFCAABCE


CSS-Code:

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

 

HEX #CECAAACE zu HEX #CFCAABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 1%, #CFCAABCE 92%);

 

HEX #CFCAABCE zu HEX #CECAAACE


CSS-Code:

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

 

HEX #CFCAABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFCAABCE 3%, #CECAAACE 91%);

 

HEX #CECAAACE zu HEX #C9CFABCE


CSS-Code:

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

 

HEX #CECAAACE zu HEX #C9CFABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 10%, #C9CFABCE 97%);

 

HEX #C9CFABCE zu HEX #CECAAACE


CSS-Code:

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

 

HEX #C9CFABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #C9CFABCE 1%, #CECAAACE 98%);

 

HEX #CECAAACE zu HEX #C0CFABCE


CSS-Code:

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

 

HEX #CECAAACE zu HEX #C0CFABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 0%, #C0CFABCE 99%);

 

HEX #C0CFABCE zu HEX #CECAAACE


CSS-Code:

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

 

HEX #C0CFABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #C0CFABCE 3%, #CECAAACE 100%);

Linear

HEX #CECAAACE zu HEX #C0BA91


CSS-Code:

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

Radial

HEX #CECAAACE zu HEX #C0BA91


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 7%, #C0BA91 95%);

 

HEX #C0BA91 zu HEX #CECAAACE


CSS-Code:

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

 

HEX #C0BA91 zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #C0BA91 8%, #CECAAACE 90%);

 

HEX #CECAAACE zu HEX #CFCBAB


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 12%, #CFCBAB 95%);

 

HEX #CECAAACE zu HEX #CFCBAB


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 1%, #CFCBAB 90%);

 

HEX #CFCBAB zu HEX #CECAAACE


CSS-Code:

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

 

HEX #CFCBAB zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFCBAB 1%, #CECAAACE 96%);

 

HEX #CECAAACE zu HEX #DEDBC5


CSS-Code:

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

 

HEX #CECAAACE zu HEX #DEDBC5


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 14%, #DEDBC5 99%);

 

HEX #DEDBC5 zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #DEDBC5 5%, #CECAAACE 99%);

 

HEX #DEDBC5 zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #DEDBC5 3%, #CECAAACE 89%);

 

HEX #CECAAACE zu HEX #EDEBDF


CSS-Code:

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

 

HEX #CECAAACE zu HEX #EDEBDF


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 4%, #EDEBDF 100%);

 

HEX #EDEBDF zu HEX #CECAAACE


CSS-Code:

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

 

HEX #EDEBDF zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #EDEBDF 0%, #CECAAACE 92%);

Linear

HEX #CECAAACE zu HEX #CFC1ABCE


CSS-Code:

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

Radial

HEX #CECAAACE zu HEX #CFC1ABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 9%, #CFC1ABCE 90%);

 

HEX #CFC1ABCE zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFC1ABCE 4%, #CECAAACE 95%);

 

HEX #CFC1ABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFC1ABCE 2%, #CECAAACE 86%);

 

HEX #CECAAACE zu HEX #CFCAABCE


CSS-Code:

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

 

HEX #CECAAACE zu HEX #CFCAABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 11%, #CFCAABCE 98%);

 

HEX #CFCAABCE zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFCAABCE 5%, #CECAAACE 86%);

 

HEX #CFCAABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFCAABCE 9%, #CECAAACE 89%);

 

HEX #CECAAACE zu HEX #C9CFABCE


CSS-Code:

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

 

HEX #CECAAACE zu HEX #C9CFABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 9%, #C9CFABCE 99%);

 

HEX #C9CFABCE zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #C9CFABCE 13%, #CECAAACE 95%);

 

HEX #C9CFABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #C9CFABCE 0%, #CECAAACE 94%);

 

HEX #CECAAACE zu HEX #C0CFABCE


CSS-Code:

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

 

HEX #CECAAACE zu HEX #C0CFABCE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 6%, #C0CFABCE 89%);

 

HEX #C0CFABCE zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #C0CFABCE 9%, #CECAAACE 88%);

 

HEX #C0CFABCE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #C0CFABCE 8%, #CECAAACE 91%);

Linear

HEX #CECAAACE zu HEX #C0BA91


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 11%, #C0BA91 92%);

Radial

HEX #CECAAACE zu HEX #C0BA91


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 11%, #C0BA91 94%);

 

HEX #C0BA91 zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #C0BA91 7%, #CECAAACE 87%);

 

HEX #C0BA91 zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #C0BA91 11%, #CECAAACE 99%);

 

HEX #CECAAACE zu HEX #CFCBAB


CSS-Code:

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

 

HEX #CECAAACE zu HEX #CFCBAB


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 3%, #CFCBAB 87%);

 

HEX #CFCBAB zu HEX #CECAAACE


CSS-Code:

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

 

HEX #CFCBAB zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFCBAB 3%, #CECAAACE 89%);

 

HEX #CECAAACE zu HEX #DEDBC5


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 6%, #DEDBC5 92%);

 

HEX #CECAAACE zu HEX #DEDBC5


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 4%, #DEDBC5 99%);

 

HEX #DEDBC5 zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #DEDBC5 2%, #CECAAACE 95%);

 

HEX #DEDBC5 zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #DEDBC5 1%, #CECAAACE 92%);

 

HEX #CECAAACE zu HEX #EDEBDF


CSS-Code:

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

 

HEX #CECAAACE zu HEX #EDEBDF


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 2%, #EDEBDF 97%);

 

HEX #EDEBDF zu HEX #CECAAACE


CSS-Code:

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

 

HEX #EDEBDF zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #EDEBDF 14%, #CECAAACE 96%);

Linear

HEX #CECAAACE zu HEX #ABCFAE


CSS-Code:

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

Radial

HEX #CECAAACE zu HEX #ABCFAE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 4%, #ABCFAE 99%);

 

HEX #ABCFAE zu HEX #CECAAACE


CSS-Code:

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

 

HEX #ABCFAE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #ABCFAE 10%, #CECAAACE 86%);

 

HEX #CECAAACE zu HEX #BCABCF


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 5%, #BCABCF 89%);

 

HEX #CECAAACE zu HEX #BCABCF


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 5%, #BCABCF 87%);

 

HEX #BCABCF zu HEX #CECAAACE


CSS-Code:

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

 

HEX #BCABCF zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #BCABCF 7%, #CECAAACE 97%);

Linear

HEX #CECAAACE zu HEX #ABCFCA


CSS-Code:

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

Radial

HEX #CECAAACE zu HEX #ABCFCA


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 0%, #ABCFCA 96%);

 

HEX #ABCFCA zu HEX #CECAAACE


CSS-Code:

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

 

HEX #ABCFCA zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #ABCFCA 5%, #CECAAACE 94%);

 

HEX #CECAAACE zu HEX #CAABCF


CSS-Code:

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

 

HEX #CECAAACE zu HEX #CAABCF


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 10%, #CAABCF 98%);

 

HEX #CAABCF zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #CAABCF 12%, #CECAAACE 95%);

 

HEX #CAABCF zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CAABCF 11%, #CECAAACE 90%);

Linear

HEX #CECAAACE zu HEX #ABCFAE


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 7%, #ABCFAE 86%);

Radial

HEX #CECAAACE zu HEX #ABCFAE


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 14%, #ABCFAE 93%);

 

HEX #ABCFAE zu HEX #CECAAACE


CSS-Code:

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

 

HEX #ABCFAE zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #ABCFAE 0%, #CECAAACE 91%);

 

HEX #CECAAACE zu HEX #ABAFCF


CSS-Code:

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

 

HEX #CECAAACE zu HEX #ABAFCF


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 4%, #ABAFCF 90%);

 

HEX #ABAFCF zu HEX #CECAAACE


CSS-Code:

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

 

HEX #ABAFCF zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #ABAFCF 0%, #CECAAACE 95%);

 

HEX #CECAAACE zu HEX #CFABCC


CSS-Code:

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

 

HEX #CECAAACE zu HEX #CFABCC


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 9%, #CFABCC 91%);

 

HEX #CFABCC zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFABCC 6%, #CECAAACE 92%);

 

HEX #CFABCC zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFABCC 7%, #CECAAACE 94%);

Linear

HEX #CECAAACE zu HEX #ABCFB9


CSS-Code:

background-image: linear-gradient(135deg, #CECAAACE 5%, #ABCFB9 86%);

Radial

HEX #CECAAACE zu HEX #ABCFB9


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 12%, #ABCFB9 97%);

 

HEX #ABCFB9 zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #ABCFB9 12%, #CECAAACE 94%);

 

HEX #ABCFB9 zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #ABCFB9 12%, #CECAAACE 88%);

 

HEX #CECAAACE zu HEX #ABAFCF


CSS-Code:

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

 

HEX #CECAAACE zu HEX #ABAFCF


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 2%, #ABAFCF 91%);

 

HEX #ABAFCF zu HEX #CECAAACE


CSS-Code:

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

 

HEX #ABAFCF zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #ABAFCF 7%, #CECAAACE 94%);

 

HEX #CECAAACE zu HEX #CFABC1


CSS-Code:

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

 

HEX #CECAAACE zu HEX #CFABC1


CSS-Code:

background-image: radial-gradient(circle, #CECAAACE 13%, #CFABC1 95%);

 

HEX #CFABC1 zu HEX #CECAAACE


CSS-Code:

background-image: linear-gradient(135deg, #CFABC1 3%, #CECAAACE 100%);

 

HEX #CFABC1 zu HEX #CECAAACE


CSS-Code:

background-image: radial-gradient(circle, #CFABC1 5%, #CECAAACE 100%);

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.