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

✕

CSS Gradienten:
#ED9AAB

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ED9AAB zu HEX #126554


CSS-Code:

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

Radial

HEX #ED9AAB zu HEX #126554


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 11%, #126554 97%);

 

HEX #126554 zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #126554 1%, #ED9AAB 94%);

 

HEX #126554 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #126554 1%, #ED9AAB 88%);

Linear

HEX #ED9AAB zu HEX #FFACB9


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 2%, #FFACB9 92%);

Radial

HEX #ED9AAB zu HEX #FFACB9


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 10%, #FFACB9 91%);

 

HEX #FFACB9 zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #FFACB9 12%, #ED9AAB 90%);

 

HEX #FFACB9 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #FFACB9 8%, #ED9AAB 92%);

 

HEX #ED9AAB zu HEX #FFBECC


CSS-Code:

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

 

HEX #ED9AAB zu HEX #FFBECC


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 0%, #FFBECC 95%);

 

HEX #FFBECC zu HEX #ED9AAB


CSS-Code:

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

 

HEX #FFBECC zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #FFBECC 9%, #ED9AAB 99%);

 

HEX #ED9AAB zu HEX #FFD0DF


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 6%, #FFD0DF 98%);

 

HEX #ED9AAB zu HEX #FFD0DF


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 2%, #FFD0DF 99%);

 

HEX #FFD0DF zu HEX #ED9AAB


CSS-Code:

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

 

HEX #FFD0DF zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #FFD0DF 3%, #ED9AAB 95%);

 

HEX #ED9AAB zu HEX #FFE2F2


CSS-Code:

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

 

HEX #ED9AAB zu HEX #FFE2F2


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 11%, #FFE2F2 98%);

 

HEX #FFE2F2 zu HEX #ED9AAB


CSS-Code:

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

 

HEX #FFE2F2 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #FFE2F2 13%, #ED9AAB 90%);

Linear

HEX #ED9AAB zu HEX #DC8898


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 13%, #DC8898 90%);

Radial

HEX #ED9AAB zu HEX #DC8898


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 0%, #DC8898 95%);

 

HEX #DC8898 zu HEX #ED9AAB


CSS-Code:

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

 

HEX #DC8898 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #DC8898 10%, #ED9AAB 93%);

 

HEX #ED9AAB zu HEX #CB7685


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 12%, #CB7685 97%);

 

HEX #ED9AAB zu HEX #CB7685


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 12%, #CB7685 86%);

 

HEX #CB7685 zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #CB7685 5%, #ED9AAB 93%);

 

HEX #CB7685 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #CB7685 11%, #ED9AAB 98%);

 

HEX #ED9AAB zu HEX #BA6472


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 4%, #BA6472 93%);

 

HEX #ED9AAB zu HEX #BA6472


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 3%, #BA6472 92%);

 

HEX #BA6472 zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #BA6472 4%, #ED9AAB 99%);

 

HEX #BA6472 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #BA6472 12%, #ED9AAB 89%);

 

HEX #ED9AAB zu HEX #A9525F


CSS-Code:

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

 

HEX #ED9AAB zu HEX #A9525F


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 11%, #A9525F 95%);

 

HEX #A9525F zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #A9525F 13%, #ED9AAB 93%);

 

HEX #A9525F zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #A9525F 13%, #ED9AAB 92%);

Linear

HEX #ED9AAB zu HEX #ED9B9F


CSS-Code:

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

Radial

HEX #ED9AAB zu HEX #ED9B9F


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 10%, #ED9B9F 92%);

 

HEX #ED9B9F zu HEX #ED9AAB


CSS-Code:

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

 

HEX #ED9B9F zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #ED9B9F 3%, #ED9AAB 86%);

 

HEX #ED9AAB zu HEX #EDA49B


CSS-Code:

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

 

HEX #ED9AAB zu HEX #EDA49B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 6%, #EDA49B 93%);

 

HEX #EDA49B zu HEX #ED9AAB


CSS-Code:

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

 

HEX #EDA49B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #EDA49B 2%, #ED9AAB 91%);

 

HEX #ED9AAB zu HEX #EDB29B


CSS-Code:

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

 

HEX #ED9AAB zu HEX #EDB29B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 10%, #EDB29B 96%);

 

HEX #EDB29B zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #EDB29B 6%, #ED9AAB 86%);

 

HEX #EDB29B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #EDB29B 7%, #ED9AAB 99%);

 

HEX #ED9AAB zu HEX #EDC09B


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 12%, #EDC09B 97%);

 

HEX #ED9AAB zu HEX #EDC09B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 14%, #EDC09B 99%);

 

HEX #EDC09B zu HEX #ED9AAB


CSS-Code:

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

 

HEX #EDC09B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #EDC09B 9%, #ED9AAB 86%);

Linear

HEX #ED9AAB zu HEX #211518


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 12%, #211518 96%);

Radial

HEX #ED9AAB zu HEX #211518


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 13%, #211518 99%);

 

HEX #211518 zu HEX #ED9AAB


CSS-Code:

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

 

HEX #211518 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #211518 6%, #ED9AAB 93%);

 

HEX #ED9AAB zu HEX #54373D


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 2%, #54373D 94%);

 

HEX #ED9AAB zu HEX #54373D


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 1%, #54373D 92%);

 

HEX #54373D zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #54373D 0%, #ED9AAB 97%);

 

HEX #54373D zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #54373D 2%, #ED9AAB 96%);

 

HEX #ED9AAB zu HEX #875861


CSS-Code:

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

 

HEX #ED9AAB zu HEX #875861


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 5%, #875861 91%);

 

HEX #875861 zu HEX #ED9AAB


CSS-Code:

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

 

HEX #875861 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #875861 13%, #ED9AAB 91%);

 

HEX #ED9AAB zu HEX #BA7986


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 9%, #BA7986 99%);

 

HEX #ED9AAB zu HEX #BA7986


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 2%, #BA7986 98%);

 

HEX #BA7986 zu HEX #ED9AAB


CSS-Code:

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

 

HEX #BA7986 zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #BA7986 14%, #ED9AAB 87%);

Linear

HEX #ED9AAB zu HEX #EDEC9B


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 5%, #EDEC9B 93%);

Radial

HEX #ED9AAB zu HEX #EDEC9B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 7%, #EDEC9B 97%);

 

HEX #EDEC9B zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #EDEC9B 10%, #ED9AAB 99%);

 

HEX #EDEC9B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #EDEC9B 10%, #ED9AAB 90%);

 

HEX #ED9AAB zu HEX #9BCDED


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 8%, #9BCDED 98%);

 

HEX #ED9AAB zu HEX #9BCDED


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 12%, #9BCDED 98%);

 

HEX #9BCDED zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #9BCDED 10%, #ED9AAB 86%);

 

HEX #9BCDED zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #9BCDED 2%, #ED9AAB 95%);

Linear

HEX #ED9AAB zu HEX #ADED9B


CSS-Code:

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

Radial

HEX #ED9AAB zu HEX #ADED9B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 6%, #ADED9B 100%);

 

HEX #ADED9B zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #ADED9B 14%, #ED9AAB 99%);

 

HEX #ADED9B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #ADED9B 12%, #ED9AAB 95%);

 

HEX #ED9AAB zu HEX #9BADED


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 2%, #9BADED 97%);

 

HEX #ED9AAB zu HEX #9BADED


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 7%, #9BADED 90%);

 

HEX #9BADED zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #9BADED 8%, #ED9AAB 87%);

 

HEX #9BADED zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #9BADED 2%, #ED9AAB 97%);

Linear

HEX #ED9AAB zu HEX #EDEC9B


CSS-Code:

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

Radial

HEX #ED9AAB zu HEX #EDEC9B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 12%, #EDEC9B 96%);

 

HEX #EDEC9B zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #EDEC9B 13%, #ED9AAB 98%);

 

HEX #EDEC9B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #EDEC9B 13%, #ED9AAB 90%);

 

HEX #ED9AAB zu HEX #9BEDDB


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 14%, #9BEDDB 93%);

 

HEX #ED9AAB zu HEX #9BEDDB


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 12%, #9BEDDB 93%);

 

HEX #9BEDDB zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #9BEDDB 4%, #ED9AAB 100%);

 

HEX #9BEDDB zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #9BEDDB 5%, #ED9AAB 86%);

 

HEX #ED9AAB zu HEX #9B9CED


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 11%, #9B9CED 90%);

 

HEX #ED9AAB zu HEX #9B9CED


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 12%, #9B9CED 98%);

 

HEX #9B9CED zu HEX #ED9AAB


CSS-Code:

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

 

HEX #9B9CED zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #9B9CED 14%, #ED9AAB 89%);

Linear

HEX #ED9AAB zu HEX #D6ED9B


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 12%, #D6ED9B 90%);

Radial

HEX #ED9AAB zu HEX #D6ED9B


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 13%, #D6ED9B 89%);

 

HEX #D6ED9B zu HEX #ED9AAB


CSS-Code:

background-image: linear-gradient(135deg, #D6ED9B 8%, #ED9AAB 95%);

 

HEX #D6ED9B zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #D6ED9B 4%, #ED9AAB 96%);

 

HEX #ED9AAB zu HEX #9BEDDB


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 8%, #9BEDDB 97%);

 

HEX #ED9AAB zu HEX #9BEDDB


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 4%, #9BEDDB 99%);

 

HEX #9BEDDB zu HEX #ED9AAB


CSS-Code:

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

 

HEX #9BEDDB zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #9BEDDB 9%, #ED9AAB 99%);

 

HEX #ED9AAB zu HEX #B29BED


CSS-Code:

background-image: linear-gradient(135deg, #ED9AAB 7%, #B29BED 91%);

 

HEX #ED9AAB zu HEX #B29BED


CSS-Code:

background-image: radial-gradient(circle, #ED9AAB 11%, #B29BED 93%);

 

HEX #B29BED zu HEX #ED9AAB


CSS-Code:

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

 

HEX #B29BED zu HEX #ED9AAB


CSS-Code:

background-image: radial-gradient(circle, #B29BED 3%, #ED9AAB 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
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 RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
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 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
nsc-logo

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de