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

✕

CSS Gradienten:
#ABCECE

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 171 Rot, 206 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.
171 206 206 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 17 Cyan, keine Magenta, keine Gelb und 19 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.
17% 0% 0% 19% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ABCECE zu HEX #543131


CSS-Code:

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

Radial

HEX #ABCECE zu HEX #543131


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 14%, #543131 90%);

 

HEX #543131 zu HEX #ABCECE


CSS-Code:

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

 

HEX #543131 zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #543131 0%, #ABCECE 100%);

Linear

HEX #ABCECE zu HEX #ABCDC4


CSS-Code:

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

Radial

HEX #ABCECE zu HEX #ABCDC4


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 12%, #ABCDC4 90%);

 

HEX #ABCDC4 zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #ABCDC4 5%, #ABCECE 98%);

 

HEX #ABCDC4 zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABCDC4 5%, #ABCECE 98%);

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

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

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 4%, #ABCDCD 88%);

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABCDCD 3%, #ABCECE 100%);

 

HEX #ABCECE zu HEX #ABC4CD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 9%, #ABC4CD 92%);

 

HEX #ABCECE zu HEX #ABC4CD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 2%, #ABC4CD 90%);

 

HEX #ABC4CD zu HEX #ABCECE


CSS-Code:

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

 

HEX #ABC4CD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABC4CD 6%, #ABCECE 97%);

 

HEX #ABCECE zu HEX #ABBBCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 2%, #ABBBCD 94%);

 

HEX #ABCECE zu HEX #ABBBCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 14%, #ABBBCD 95%);

 

HEX #ABBBCD zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #ABBBCD 13%, #ABCECE 99%);

 

HEX #ABBBCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABBBCD 4%, #ABCECE 94%);

Linear

HEX #ABCECE zu HEX #91BEBE


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 12%, #91BEBE 97%);

Radial

HEX #ABCECE zu HEX #91BEBE


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 2%, #91BEBE 93%);

 

HEX #91BEBE zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #91BEBE 14%, #ABCECE 86%);

 

HEX #91BEBE zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #91BEBE 12%, #ABCECE 91%);

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 3%, #ABCDCD 97%);

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 10%, #ABCDCD 98%);

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #ABCDCD 4%, #ABCECE 100%);

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABCDCD 10%, #ABCECE 91%);

 

HEX #ABCECE zu HEX #C5DDDD


CSS-Code:

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

 

HEX #ABCECE zu HEX #C5DDDD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 12%, #C5DDDD 100%);

 

HEX #C5DDDD zu HEX #ABCECE


CSS-Code:

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

 

HEX #C5DDDD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #C5DDDD 12%, #ABCECE 100%);

 

HEX #ABCECE zu HEX #DFECEC


CSS-Code:

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

 

HEX #ABCECE zu HEX #DFECEC


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 9%, #DFECEC 94%);

 

HEX #DFECEC zu HEX #ABCECE


CSS-Code:

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

 

HEX #DFECEC zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #DFECEC 14%, #ABCECE 86%);

Linear

HEX #ABCECE zu HEX #ABCDC4


CSS-Code:

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

Radial

HEX #ABCECE zu HEX #ABCDC4


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 7%, #ABCDC4 88%);

 

HEX #ABCDC4 zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #ABCDC4 9%, #ABCECE 100%);

 

HEX #ABCDC4 zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABCDC4 13%, #ABCECE 88%);

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 2%, #ABCDCD 99%);

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 10%, #ABCDCD 88%);

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABCDCD 2%, #ABCECE 97%);

 

HEX #ABCECE zu HEX #ABC4CD


CSS-Code:

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

 

HEX #ABCECE zu HEX #ABC4CD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 8%, #ABC4CD 100%);

 

HEX #ABC4CD zu HEX #ABCECE


CSS-Code:

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

 

HEX #ABC4CD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABC4CD 3%, #ABCECE 90%);

 

HEX #ABCECE zu HEX #ABBBCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 13%, #ABBBCD 99%);

 

HEX #ABCECE zu HEX #ABBBCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 1%, #ABBBCD 89%);

 

HEX #ABBBCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #ABBBCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABBBCD 11%, #ABCECE 100%);

Linear

HEX #ABCECE zu HEX #91BEBE


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 11%, #91BEBE 86%);

Radial

HEX #ABCECE zu HEX #91BEBE


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 1%, #91BEBE 92%);

 

HEX #91BEBE zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #91BEBE 3%, #ABCECE 90%);

 

HEX #91BEBE zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #91BEBE 11%, #ABCECE 94%);

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

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

 

HEX #ABCECE zu HEX #ABCDCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 12%, #ABCDCD 95%);

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #ABCDCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #ABCDCD 6%, #ABCECE 97%);

 

HEX #ABCECE zu HEX #C5DDDD


CSS-Code:

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

 

HEX #ABCECE zu HEX #C5DDDD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 7%, #C5DDDD 100%);

 

HEX #C5DDDD zu HEX #ABCECE


CSS-Code:

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

 

HEX #C5DDDD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #C5DDDD 3%, #ABCECE 86%);

 

HEX #ABCECE zu HEX #DFECEC


CSS-Code:

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

 

HEX #ABCECE zu HEX #DFECEC


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 3%, #DFECEC 92%);

 

HEX #DFECEC zu HEX #ABCECE


CSS-Code:

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

 

HEX #DFECEC zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #DFECEC 5%, #ABCECE 90%);

Linear

HEX #ABCECE zu HEX #B2ABCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 2%, #B2ABCD 90%);

Radial

HEX #ABCECE zu HEX #B2ABCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 2%, #B2ABCD 88%);

 

HEX #B2ABCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #B2ABCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #B2ABCD 2%, #ABCECE 98%);

 

HEX #ABCECE zu HEX #CDC0AB


CSS-Code:

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

 

HEX #ABCECE zu HEX #CDC0AB


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 11%, #CDC0AB 94%);

 

HEX #CDC0AB zu HEX #ABCECE


CSS-Code:

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

 

HEX #CDC0AB zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #CDC0AB 8%, #ABCECE 96%);

Linear

HEX #ABCECE zu HEX #CDABCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCECE 6%, #CDABCD 91%);

Radial

HEX #ABCECE zu HEX #CDABCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 3%, #CDABCD 100%);

 

HEX #CDABCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #CDABCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #CDABCD 6%, #ABCECE 99%);

 

HEX #ABCECE zu HEX #CDCDAB


CSS-Code:

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

 

HEX #ABCECE zu HEX #CDCDAB


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 3%, #CDCDAB 91%);

 

HEX #CDCDAB zu HEX #ABCECE


CSS-Code:

background-image: linear-gradient(135deg, #CDCDAB 12%, #ABCECE 92%);

 

HEX #CDCDAB zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #CDCDAB 12%, #ABCECE 99%);

Linear

HEX #ABCECE zu HEX #B2ABCD


CSS-Code:

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

Radial

HEX #ABCECE zu HEX #B2ABCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 8%, #B2ABCD 98%);

 

HEX #B2ABCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #B2ABCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #B2ABCD 7%, #ABCECE 92%);

 

HEX #ABCECE zu HEX #CDABAB


CSS-Code:

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

 

HEX #ABCECE zu HEX #CDABAB


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 5%, #CDABAB 89%);

 

HEX #CDABAB zu HEX #ABCECE


CSS-Code:

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

 

HEX #CDABAB zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #CDABAB 1%, #ABCECE 99%);

 

HEX #ABCECE zu HEX #C7CDAB


CSS-Code:

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

 

HEX #ABCECE zu HEX #C7CDAB


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 4%, #C7CDAB 96%);

 

HEX #C7CDAB zu HEX #ABCECE


CSS-Code:

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

 

HEX #C7CDAB zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #C7CDAB 2%, #ABCECE 93%);

Linear

HEX #ABCECE zu HEX #BCABCD


CSS-Code:

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

Radial

HEX #ABCECE zu HEX #BCABCD


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 7%, #BCABCD 90%);

 

HEX #BCABCD zu HEX #ABCECE


CSS-Code:

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

 

HEX #BCABCD zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #BCABCD 8%, #ABCECE 92%);

 

HEX #ABCECE zu HEX #CDABAB


CSS-Code:

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

 

HEX #ABCECE zu HEX #CDABAB


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 10%, #CDABAB 88%);

 

HEX #CDABAB zu HEX #ABCECE


CSS-Code:

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

 

HEX #CDABAB zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #CDABAB 6%, #ABCECE 97%);

 

HEX #ABCECE zu HEX #BCCDAB


CSS-Code:

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

 

HEX #ABCECE zu HEX #BCCDAB


CSS-Code:

background-image: radial-gradient(circle, #ABCECE 13%, #BCCDAB 100%);

 

HEX #BCCDAB zu HEX #ABCECE


CSS-Code:

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

 

HEX #BCCDAB zu HEX #ABCECE


CSS-Code:

background-image: radial-gradient(circle, #BCCDAB 14%, #ABCECE 92%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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 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 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 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 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 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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.

© 2019-2025 - Designed by frag-bobby.de