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

✕

CSS Gradienten:
#EB9EDE

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EB9EDE zu HEX #146121


CSS-Code:

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

Radial

HEX #EB9EDE zu HEX #146121


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 13%, #146121 93%);

 

HEX #146121 zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #146121 3%, #EB9EDE 88%);

 

HEX #146121 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #146121 8%, #EB9EDE 87%);

Linear

HEX #EB9EDE zu HEX #E39DEB


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 1%, #E39DEB 97%);

Radial

HEX #EB9EDE zu HEX #E39DEB


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 8%, #E39DEB 96%);

 

HEX #E39DEB zu HEX #EB9EDE


CSS-Code:

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

 

HEX #E39DEB zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #E39DEB 4%, #EB9EDE 92%);

 

HEX #EB9EDE zu HEX #EB9DDE


CSS-Code:

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

 

HEX #EB9EDE zu HEX #EB9DDE


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 6%, #EB9DDE 95%);

 

HEX #EB9DDE zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EB9DDE zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DDE 4%, #EB9EDE 100%);

 

HEX #EB9EDE zu HEX #EB9DC9


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 10%, #EB9DC9 96%);

 

HEX #EB9EDE zu HEX #EB9DC9


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 12%, #EB9DC9 95%);

 

HEX #EB9DC9 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EB9DC9 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DC9 2%, #EB9EDE 86%);

 

HEX #EB9EDE zu HEX #EB9DB4


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 1%, #EB9DB4 100%);

 

HEX #EB9EDE zu HEX #EB9DB4


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 4%, #EB9DB4 100%);

 

HEX #EB9DB4 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EB9DB4 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DB4 4%, #EB9EDE 88%);

Linear

HEX #EB9EDE zu HEX #E47BD2


CSS-Code:

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

Radial

HEX #EB9EDE zu HEX #E47BD2


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 6%, #E47BD2 87%);

 

HEX #E47BD2 zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #E47BD2 3%, #EB9EDE 88%);

 

HEX #E47BD2 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #E47BD2 3%, #EB9EDE 96%);

 

HEX #EB9EDE zu HEX #EB9DDD


CSS-Code:

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

 

HEX #EB9EDE zu HEX #EB9DDD


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 8%, #EB9DDD 91%);

 

HEX #EB9DDD zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #EB9DDD 1%, #EB9EDE 91%);

 

HEX #EB9DDD zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DDD 0%, #EB9EDE 88%);

 

HEX #EB9EDE zu HEX #F2BFE9


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 11%, #F2BFE9 91%);

 

HEX #EB9EDE zu HEX #F2BFE9


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 12%, #F2BFE9 90%);

 

HEX #F2BFE9 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #F2BFE9 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #F2BFE9 2%, #EB9EDE 95%);

 

HEX #EB9EDE zu HEX #F9E2F5


CSS-Code:

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

 

HEX #EB9EDE zu HEX #F9E2F5


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 14%, #F9E2F5 92%);

 

HEX #F9E2F5 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #F9E2F5 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #F9E2F5 3%, #EB9EDE 95%);

Linear

HEX #EB9EDE zu HEX #E39DEB


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 6%, #E39DEB 93%);

Radial

HEX #EB9EDE zu HEX #E39DEB


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 9%, #E39DEB 97%);

 

HEX #E39DEB zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #E39DEB 6%, #EB9EDE 94%);

 

HEX #E39DEB zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #E39DEB 1%, #EB9EDE 97%);

 

HEX #EB9EDE zu HEX #EB9DDE


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 11%, #EB9DDE 100%);

 

HEX #EB9EDE zu HEX #EB9DDE


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 8%, #EB9DDE 99%);

 

HEX #EB9DDE zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #EB9DDE 14%, #EB9EDE 90%);

 

HEX #EB9DDE zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DDE 0%, #EB9EDE 95%);

 

HEX #EB9EDE zu HEX #EB9DC9


CSS-Code:

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

 

HEX #EB9EDE zu HEX #EB9DC9


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 9%, #EB9DC9 93%);

 

HEX #EB9DC9 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EB9DC9 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DC9 5%, #EB9EDE 95%);

 

HEX #EB9EDE zu HEX #EB9DB4


CSS-Code:

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

 

HEX #EB9EDE zu HEX #EB9DB4


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 5%, #EB9DB4 89%);

 

HEX #EB9DB4 zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #EB9DB4 10%, #EB9EDE 92%);

 

HEX #EB9DB4 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DB4 9%, #EB9EDE 96%);

Linear

HEX #EB9EDE zu HEX #E47BD2


CSS-Code:

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

Radial

HEX #EB9EDE zu HEX #E47BD2


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 12%, #E47BD2 93%);

 

HEX #E47BD2 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #E47BD2 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #E47BD2 8%, #EB9EDE 88%);

 

HEX #EB9EDE zu HEX #EB9DDD


CSS-Code:

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

 

HEX #EB9EDE zu HEX #EB9DDD


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 12%, #EB9DDD 94%);

 

HEX #EB9DDD zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EB9DDD zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EB9DDD 11%, #EB9EDE 100%);

 

HEX #EB9EDE zu HEX #F2BFE9


CSS-Code:

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

 

HEX #EB9EDE zu HEX #F2BFE9


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 2%, #F2BFE9 89%);

 

HEX #F2BFE9 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #F2BFE9 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #F2BFE9 4%, #EB9EDE 90%);

 

HEX #EB9EDE zu HEX #F9E2F5


CSS-Code:

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

 

HEX #EB9EDE zu HEX #F9E2F5


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 12%, #F9E2F5 93%);

 

HEX #F9E2F5 zu HEX #EB9EDE


CSS-Code:

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

 

HEX #F9E2F5 zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #F9E2F5 1%, #EB9EDE 98%);

Linear

HEX #EB9EDE zu HEX #EBBA9D


CSS-Code:

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

Radial

HEX #EB9EDE zu HEX #EBBA9D


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 3%, #EBBA9D 97%);

 

HEX #EBBA9D zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EBBA9D zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EBBA9D 0%, #EB9EDE 99%);

 

HEX #EB9EDE zu HEX #9DEBD8


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 3%, #9DEBD8 86%);

 

HEX #EB9EDE zu HEX #9DEBD8


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 7%, #9DEBD8 86%);

 

HEX #9DEBD8 zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #9DEBD8 5%, #EB9EDE 96%);

 

HEX #9DEBD8 zu HEX #EB9EDE


CSS-Code:

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

Linear

HEX #EB9EDE zu HEX #DEEB9D


CSS-Code:

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

Radial

HEX #EB9EDE zu HEX #DEEB9D


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 4%, #DEEB9D 88%);

 

HEX #DEEB9D zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #DEEB9D 11%, #EB9EDE 89%);

 

HEX #DEEB9D zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #DEEB9D 10%, #EB9EDE 97%);

 

HEX #EB9EDE zu HEX #9DDEEB


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 10%, #9DDEEB 99%);

 

HEX #EB9EDE zu HEX #9DDEEB


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 1%, #9DDEEB 98%);

 

HEX #9DDEEB zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #9DDEEB 4%, #EB9EDE 99%);

 

HEX #9DDEEB zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #9DDEEB 14%, #EB9EDE 93%);

Linear

HEX #EB9EDE zu HEX #EBBA9D


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 3%, #EBBA9D 95%);

Radial

HEX #EB9EDE zu HEX #EBBA9D


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 8%, #EBBA9D 94%);

 

HEX #EBBA9D zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #EBBA9D 13%, #EB9EDE 92%);

 

HEX #EBBA9D zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EBBA9D 9%, #EB9EDE 95%);

 

HEX #EB9EDE zu HEX #9DEBAA


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 6%, #9DEBAA 98%);

 

HEX #EB9EDE zu HEX #9DEBAA


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 3%, #9DEBAA 88%);

 

HEX #9DEBAA zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #9DEBAA 4%, #EB9EDE 94%);

 

HEX #9DEBAA zu HEX #EB9EDE


CSS-Code:

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

 

HEX #EB9EDE zu HEX #9DCEEB


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 11%, #9DCEEB 88%);

 

HEX #EB9EDE zu HEX #9DCEEB


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 0%, #9DCEEB 96%);

 

HEX #9DCEEB zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #9DCEEB 2%, #EB9EDE 98%);

 

HEX #9DCEEB zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #9DCEEB 14%, #EB9EDE 99%);

Linear

HEX #EB9EDE zu HEX #EBD19D


CSS-Code:

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

Radial

HEX #EB9EDE zu HEX #EBD19D


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 7%, #EBD19D 90%);

 

HEX #EBD19D zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #EBD19D 0%, #EB9EDE 93%);

 

HEX #EBD19D zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #EBD19D 14%, #EB9EDE 93%);

 

HEX #EB9EDE zu HEX #9DEBAA


CSS-Code:

background-image: linear-gradient(135deg, #EB9EDE 11%, #9DEBAA 100%);

 

HEX #EB9EDE zu HEX #9DEBAA


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 10%, #9DEBAA 91%);

 

HEX #9DEBAA zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #9DEBAA 0%, #EB9EDE 97%);

 

HEX #9DEBAA zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #9DEBAA 11%, #EB9EDE 90%);

 

HEX #EB9EDE zu HEX #9DB7EB


CSS-Code:

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

 

HEX #EB9EDE zu HEX #9DB7EB


CSS-Code:

background-image: radial-gradient(circle, #EB9EDE 2%, #9DB7EB 89%);

 

HEX #9DB7EB zu HEX #EB9EDE


CSS-Code:

background-image: linear-gradient(135deg, #9DB7EB 8%, #EB9EDE 91%);

 

HEX #9DB7EB zu HEX #EB9EDE


CSS-Code:

background-image: radial-gradient(circle, #9DB7EB 4%, #EB9EDE 97%);

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