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

✕

CSS Gradienten:
#EB5ADE

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

Bei dieser Farbe hebt sich Magenta von den anderen Farben ab. Die Werte die für den roten und blauen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des grünen Farbtons. 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, 90 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 90 222 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 62 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% 62% 6% 8% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EB5ADE zu HEX #14A521


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 9%, #14A521 86%);

Radial

HEX #EB5ADE zu HEX #14A521


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 10%, #14A521 97%);

 

HEX #14A521 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #14A521 8%, #EB5ADE 100%);

 

HEX #14A521 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #14A521 10%, #EB5ADE 100%);

Linear

HEX #EB5ADE zu HEX #D05BEA


CSS-Code:

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

Radial

HEX #EB5ADE zu HEX #D05BEA


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 13%, #D05BEA 88%);

 

HEX #D05BEA zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #D05BEA 6%, #EB5ADE 97%);

 

HEX #D05BEA zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #D05BEA 11%, #EB5ADE 89%);

 

HEX #EB5ADE zu HEX #EA5BDE


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 3%, #EA5BDE 86%);

 

HEX #EB5ADE zu HEX #EA5BDE


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 0%, #EA5BDE 90%);

 

HEX #EA5BDE zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EA5BDE zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5BDE 8%, #EB5ADE 86%);

 

HEX #EB5ADE zu HEX #EA5BB8


CSS-Code:

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

 

HEX #EB5ADE zu HEX #EA5BB8


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 8%, #EA5BB8 93%);

 

HEX #EA5BB8 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #EA5BB8 5%, #EB5ADE 95%);

 

HEX #EA5BB8 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5BB8 11%, #EB5ADE 96%);

 

HEX #EB5ADE zu HEX #EA5B92


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 0%, #EA5B92 87%);

 

HEX #EB5ADE zu HEX #EA5B92


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 11%, #EA5B92 90%);

 

HEX #EA5B92 zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EA5B92 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5B92 13%, #EB5ADE 93%);

Linear

HEX #EB5ADE zu HEX #E636D6


CSS-Code:

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

Radial

HEX #EB5ADE zu HEX #E636D6


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 1%, #E636D6 92%);

 

HEX #E636D6 zu HEX #EB5ADE


CSS-Code:

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

 

HEX #E636D6 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #E636D6 2%, #EB5ADE 91%);

 

HEX #EB5ADE zu HEX #EA5BDD


CSS-Code:

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

 

HEX #EB5ADE zu HEX #EA5BDD


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 2%, #EA5BDD 100%);

 

HEX #EA5BDD zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EA5BDD zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5BDD 11%, #EB5ADE 89%);

 

HEX #EB5ADE zu HEX #EF80E5


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 7%, #EF80E5 93%);

 

HEX #EB5ADE zu HEX #EF80E5


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 3%, #EF80E5 89%);

 

HEX #EF80E5 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #EF80E5 13%, #EB5ADE 91%);

 

HEX #EF80E5 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EF80E5 5%, #EB5ADE 96%);

 

HEX #EB5ADE zu HEX #F3A5EC


CSS-Code:

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

 

HEX #EB5ADE zu HEX #F3A5EC


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 1%, #F3A5EC 96%);

 

HEX #F3A5EC zu HEX #EB5ADE


CSS-Code:

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

 

HEX #F3A5EC zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #F3A5EC 6%, #EB5ADE 98%);

Linear

HEX #EB5ADE zu HEX #D05BEA


CSS-Code:

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

Radial

HEX #EB5ADE zu HEX #D05BEA


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 8%, #D05BEA 98%);

 

HEX #D05BEA zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #D05BEA 9%, #EB5ADE 98%);

 

HEX #D05BEA zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #D05BEA 4%, #EB5ADE 89%);

 

HEX #EB5ADE zu HEX #EA5BDE


CSS-Code:

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

 

HEX #EB5ADE zu HEX #EA5BDE


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 4%, #EA5BDE 88%);

 

HEX #EA5BDE zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #EA5BDE 5%, #EB5ADE 95%);

 

HEX #EA5BDE zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5BDE 0%, #EB5ADE 93%);

 

HEX #EB5ADE zu HEX #EA5BB8


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 2%, #EA5BB8 88%);

 

HEX #EB5ADE zu HEX #EA5BB8


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 3%, #EA5BB8 96%);

 

HEX #EA5BB8 zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EA5BB8 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5BB8 3%, #EB5ADE 88%);

 

HEX #EB5ADE zu HEX #EA5B92


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 5%, #EA5B92 91%);

 

HEX #EB5ADE zu HEX #EA5B92


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 7%, #EA5B92 97%);

 

HEX #EA5B92 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #EA5B92 5%, #EB5ADE 91%);

 

HEX #EA5B92 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5B92 10%, #EB5ADE 100%);

Linear

HEX #EB5ADE zu HEX #E636D6


CSS-Code:

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

Radial

HEX #EB5ADE zu HEX #E636D6


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 10%, #E636D6 87%);

 

HEX #E636D6 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #E636D6 14%, #EB5ADE 98%);

 

HEX #E636D6 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #E636D6 0%, #EB5ADE 98%);

 

HEX #EB5ADE zu HEX #EA5BDD


CSS-Code:

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

 

HEX #EB5ADE zu HEX #EA5BDD


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 12%, #EA5BDD 86%);

 

HEX #EA5BDD zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EA5BDD zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA5BDD 4%, #EB5ADE 93%);

 

HEX #EB5ADE zu HEX #EF80E5


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 11%, #EF80E5 88%);

 

HEX #EB5ADE zu HEX #EF80E5


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 7%, #EF80E5 89%);

 

HEX #EF80E5 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #EF80E5 7%, #EB5ADE 94%);

 

HEX #EF80E5 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EF80E5 9%, #EB5ADE 97%);

 

HEX #EB5ADE zu HEX #F3A5EC


CSS-Code:

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

 

HEX #EB5ADE zu HEX #F3A5EC


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 4%, #F3A5EC 97%);

 

HEX #F3A5EC zu HEX #EB5ADE


CSS-Code:

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

 

HEX #F3A5EC zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #F3A5EC 5%, #EB5ADE 92%);

Linear

HEX #EB5ADE zu HEX #EA845B


CSS-Code:

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

Radial

HEX #EB5ADE zu HEX #EA845B


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 11%, #EA845B 94%);

 

HEX #EA845B zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EA845B zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA845B 7%, #EB5ADE 86%);

 

HEX #EB5ADE zu HEX #5BEABD


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 9%, #5BEABD 93%);

 

HEX #EB5ADE zu HEX #5BEABD


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 14%, #5BEABD 96%);

 

HEX #5BEABD zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #5BEABD 10%, #EB5ADE 88%);

 

HEX #5BEABD zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #5BEABD 10%, #EB5ADE 100%);

Linear

HEX #EB5ADE zu HEX #DEEA5B


CSS-Code:

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

Radial

HEX #EB5ADE zu HEX #DEEA5B


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 13%, #DEEA5B 95%);

 

HEX #DEEA5B zu HEX #EB5ADE


CSS-Code:

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

 

HEX #DEEA5B zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #DEEA5B 3%, #EB5ADE 98%);

 

HEX #EB5ADE zu HEX #5BDEEA


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 1%, #5BDEEA 100%);

 

HEX #EB5ADE zu HEX #5BDEEA


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 5%, #5BDEEA 91%);

 

HEX #5BDEEA zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #5BDEEA 3%, #EB5ADE 94%);

 

HEX #5BDEEA zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #5BDEEA 5%, #EB5ADE 97%);

Linear

HEX #EB5ADE zu HEX #EA845B


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 0%, #EA845B 96%);

Radial

HEX #EB5ADE zu HEX #EA845B


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 11%, #EA845B 88%);

 

HEX #EA845B zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #EA845B 6%, #EB5ADE 99%);

 

HEX #EA845B zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EA845B 4%, #EB5ADE 91%);

 

HEX #EB5ADE zu HEX #5BEA67


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 13%, #5BEA67 97%);

 

HEX #EB5ADE zu HEX #5BEA67


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 4%, #5BEA67 93%);

 

HEX #5BEA67 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #5BEA67 11%, #EB5ADE 97%);

 

HEX #5BEA67 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #5BEA67 11%, #EB5ADE 95%);

 

HEX #EB5ADE zu HEX #5BC2EA


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 7%, #5BC2EA 96%);

 

HEX #EB5ADE zu HEX #5BC2EA


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 1%, #5BC2EA 89%);

 

HEX #5BC2EA zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #5BC2EA 0%, #EB5ADE 88%);

 

HEX #5BC2EA zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #5BC2EA 2%, #EB5ADE 99%);

Linear

HEX #EB5ADE zu HEX #EAAF5B


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 1%, #EAAF5B 96%);

Radial

HEX #EB5ADE zu HEX #EAAF5B


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 3%, #EAAF5B 91%);

 

HEX #EAAF5B zu HEX #EB5ADE


CSS-Code:

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

 

HEX #EAAF5B zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #EAAF5B 11%, #EB5ADE 90%);

 

HEX #EB5ADE zu HEX #5BEA67


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 11%, #5BEA67 95%);

 

HEX #EB5ADE zu HEX #5BEA67


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 8%, #5BEA67 93%);

 

HEX #5BEA67 zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #5BEA67 11%, #EB5ADE 96%);

 

HEX #5BEA67 zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #5BEA67 1%, #EB5ADE 87%);

 

HEX #EB5ADE zu HEX #5B97EA


CSS-Code:

background-image: linear-gradient(135deg, #EB5ADE 7%, #5B97EA 98%);

 

HEX #EB5ADE zu HEX #5B97EA


CSS-Code:

background-image: radial-gradient(circle, #EB5ADE 1%, #5B97EA 95%);

 

HEX #5B97EA zu HEX #EB5ADE


CSS-Code:

background-image: linear-gradient(135deg, #5B97EA 2%, #EB5ADE 100%);

 

HEX #5B97EA zu HEX #EB5ADE


CSS-Code:

background-image: radial-gradient(circle, #5B97EA 10%, #EB5ADE 93%);

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