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

CSS Gradienten:
CMYK 0 / 8 / 14 / 32

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ADA095 zu HEX #525F6A


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 3%, #525F6A 93%);

Radial

HEX #ADA095 zu HEX #525F6A


CSS-Code:

background-image: radial-gradient(circle, #ADA095 4%, #525F6A 96%);

 

HEX #525F6A zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #525F6A 2%, #ADA095 90%);

 

HEX #525F6A zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #525F6A 2%, #ADA095 86%);

Linear

HEX #ADA095 zu HEX #AC9894


CSS-Code:

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

Radial

HEX #ADA095 zu HEX #AC9894


CSS-Code:

background-image: radial-gradient(circle, #ADA095 9%, #AC9894 100%);

 

HEX #AC9894 zu HEX #ADA095


CSS-Code:

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

 

HEX #AC9894 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AC9894 6%, #ADA095 94%);

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

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

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 5%, #AC9F94 93%);

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #AC9F94 0%, #ADA095 97%);

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AC9F94 3%, #ADA095 100%);

 

HEX #ADA095 zu HEX #ACA594


CSS-Code:

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

 

HEX #ADA095 zu HEX #ACA594


CSS-Code:

background-image: radial-gradient(circle, #ADA095 7%, #ACA594 99%);

 

HEX #ACA594 zu HEX #ADA095


CSS-Code:

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

 

HEX #ACA594 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #ACA594 10%, #ADA095 98%);

 

HEX #ADA095 zu HEX #ACAC94


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 3%, #ACAC94 91%);

 

HEX #ADA095 zu HEX #ACAC94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 3%, #ACAC94 87%);

 

HEX #ACAC94 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #ACAC94 1%, #ADA095 88%);

 

HEX #ACAC94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #ACAC94 11%, #ADA095 93%);

Linear

HEX #ADA095 zu HEX #9A8A7D


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 5%, #9A8A7D 100%);

Radial

HEX #ADA095 zu HEX #9A8A7D


CSS-Code:

background-image: radial-gradient(circle, #ADA095 4%, #9A8A7D 94%);

 

HEX #9A8A7D zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #9A8A7D 3%, #ADA095 87%);

 

HEX #9A8A7D zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #9A8A7D 3%, #ADA095 97%);

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

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

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 10%, #AC9F94 90%);

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

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

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AC9F94 5%, #ADA095 95%);

 

HEX #ADA095 zu HEX #BEB4AB


CSS-Code:

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

 

HEX #ADA095 zu HEX #BEB4AB


CSS-Code:

background-image: radial-gradient(circle, #ADA095 13%, #BEB4AB 99%);

 

HEX #BEB4AB zu HEX #ADA095


CSS-Code:

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

 

HEX #BEB4AB zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #BEB4AB 3%, #ADA095 95%);

 

HEX #ADA095 zu HEX #D0C9C3


CSS-Code:

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

 

HEX #ADA095 zu HEX #D0C9C3


CSS-Code:

background-image: radial-gradient(circle, #ADA095 9%, #D0C9C3 99%);

 

HEX #D0C9C3 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #D0C9C3 8%, #ADA095 99%);

 

HEX #D0C9C3 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #D0C9C3 0%, #ADA095 93%);

Linear

HEX #ADA095 zu HEX #AC9894


CSS-Code:

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

Radial

HEX #ADA095 zu HEX #AC9894


CSS-Code:

background-image: radial-gradient(circle, #ADA095 12%, #AC9894 91%);

 

HEX #AC9894 zu HEX #ADA095


CSS-Code:

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

 

HEX #AC9894 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AC9894 5%, #ADA095 88%);

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 3%, #AC9F94 91%);

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 6%, #AC9F94 96%);

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

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

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AC9F94 4%, #ADA095 90%);

 

HEX #ADA095 zu HEX #ACA594


CSS-Code:

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

 

HEX #ADA095 zu HEX #ACA594


CSS-Code:

background-image: radial-gradient(circle, #ADA095 10%, #ACA594 94%);

 

HEX #ACA594 zu HEX #ADA095


CSS-Code:

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

 

HEX #ACA594 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #ACA594 12%, #ADA095 89%);

 

HEX #ADA095 zu HEX #ACAC94


CSS-Code:

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

 

HEX #ADA095 zu HEX #ACAC94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 0%, #ACAC94 100%);

 

HEX #ACAC94 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #ACAC94 9%, #ADA095 86%);

 

HEX #ACAC94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #ACAC94 4%, #ADA095 93%);

Linear

HEX #ADA095 zu HEX #9A8A7D


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 5%, #9A8A7D 98%);

Radial

HEX #ADA095 zu HEX #9A8A7D


CSS-Code:

background-image: radial-gradient(circle, #ADA095 6%, #9A8A7D 96%);

 

HEX #9A8A7D zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #9A8A7D 10%, #ADA095 97%);

 

HEX #9A8A7D zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #9A8A7D 10%, #ADA095 98%);

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 7%, #AC9F94 99%);

 

HEX #ADA095 zu HEX #AC9F94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 14%, #AC9F94 100%);

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #AC9F94 3%, #ADA095 90%);

 

HEX #AC9F94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AC9F94 1%, #ADA095 100%);

 

HEX #ADA095 zu HEX #BEB4AB


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 10%, #BEB4AB 88%);

 

HEX #ADA095 zu HEX #BEB4AB


CSS-Code:

background-image: radial-gradient(circle, #ADA095 10%, #BEB4AB 88%);

 

HEX #BEB4AB zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #BEB4AB 5%, #ADA095 97%);

 

HEX #BEB4AB zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #BEB4AB 4%, #ADA095 98%);

 

HEX #ADA095 zu HEX #D0C9C3


CSS-Code:

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

 

HEX #ADA095 zu HEX #D0C9C3


CSS-Code:

background-image: radial-gradient(circle, #ADA095 7%, #D0C9C3 91%);

 

HEX #D0C9C3 zu HEX #ADA095


CSS-Code:

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

 

HEX #D0C9C3 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #D0C9C3 4%, #ADA095 89%);

Linear

HEX #ADA095 zu HEX #9CAC94


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 4%, #9CAC94 92%);

Radial

HEX #ADA095 zu HEX #9CAC94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 14%, #9CAC94 86%);

 

HEX #9CAC94 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #9CAC94 1%, #ADA095 91%);

 

HEX #9CAC94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #9CAC94 12%, #ADA095 99%);

 

HEX #ADA095 zu HEX #9594AC


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 5%, #9594AC 94%);

 

HEX #ADA095 zu HEX #9594AC


CSS-Code:

background-image: radial-gradient(circle, #ADA095 7%, #9594AC 90%);

 

HEX #9594AC zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #9594AC 4%, #ADA095 91%);

 

HEX #9594AC zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #9594AC 4%, #ADA095 92%);

Linear

HEX #ADA095 zu HEX #94AC9F


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 8%, #94AC9F 100%);

Radial

HEX #ADA095 zu HEX #94AC9F


CSS-Code:

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

 

HEX #94AC9F zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #94AC9F 14%, #ADA095 94%);

 

HEX #94AC9F zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #94AC9F 12%, #ADA095 91%);

 

HEX #ADA095 zu HEX #9F94AC


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 3%, #9F94AC 99%);

 

HEX #ADA095 zu HEX #9F94AC


CSS-Code:

background-image: radial-gradient(circle, #ADA095 5%, #9F94AC 92%);

 

HEX #9F94AC zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #9F94AC 8%, #ADA095 100%);

 

HEX #9F94AC zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #9F94AC 8%, #ADA095 86%);

Linear

HEX #ADA095 zu HEX #9CAC94


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 1%, #9CAC94 99%);

Radial

HEX #ADA095 zu HEX #9CAC94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 8%, #9CAC94 87%);

 

HEX #9CAC94 zu HEX #ADA095


CSS-Code:

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

 

HEX #9CAC94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #9CAC94 4%, #ADA095 95%);

 

HEX #ADA095 zu HEX #94A1AC


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 10%, #94A1AC 87%);

 

HEX #ADA095 zu HEX #94A1AC


CSS-Code:

background-image: radial-gradient(circle, #ADA095 5%, #94A1AC 97%);

 

HEX #94A1AC zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #94A1AC 6%, #ADA095 97%);

 

HEX #94A1AC zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #94A1AC 2%, #ADA095 98%);

 

HEX #ADA095 zu HEX #A494AC


CSS-Code:

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

 

HEX #ADA095 zu HEX #A494AC


CSS-Code:

background-image: radial-gradient(circle, #ADA095 14%, #A494AC 87%);

 

HEX #A494AC zu HEX #ADA095


CSS-Code:

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

 

HEX #A494AC zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #A494AC 7%, #ADA095 95%);

Linear

HEX #ADA095 zu HEX #95AC94


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 5%, #95AC94 97%);

Radial

HEX #ADA095 zu HEX #95AC94


CSS-Code:

background-image: radial-gradient(circle, #ADA095 11%, #95AC94 97%);

 

HEX #95AC94 zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #95AC94 6%, #ADA095 89%);

 

HEX #95AC94 zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #95AC94 3%, #ADA095 97%);

 

HEX #ADA095 zu HEX #94A1AC


CSS-Code:

background-image: linear-gradient(135deg, #ADA095 5%, #94A1AC 95%);

 

HEX #ADA095 zu HEX #94A1AC


CSS-Code:

background-image: radial-gradient(circle, #ADA095 4%, #94A1AC 89%);

 

HEX #94A1AC zu HEX #ADA095


CSS-Code:

background-image: linear-gradient(135deg, #94A1AC 9%, #ADA095 97%);

 

HEX #94A1AC zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #94A1AC 9%, #ADA095 96%);

 

HEX #ADA095 zu HEX #AB94AC


CSS-Code:

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

 

HEX #ADA095 zu HEX #AB94AC


CSS-Code:

background-image: radial-gradient(circle, #ADA095 9%, #AB94AC 89%);

 

HEX #AB94AC zu HEX #ADA095


CSS-Code:

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

 

HEX #AB94AC zu HEX #ADA095


CSS-Code:

background-image: radial-gradient(circle, #AB94AC 6%, #ADA095 98%);

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, 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.