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

CSS Gradienten:
RGB 255 189 230

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FFBDE6 zu HEX #004219


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 0%, #004219 98%);

Radial

HEX #FFBDE6 zu HEX #004219


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 12%, #004219 95%);

 

HEX #004219 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #004219 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #004219 14%, #FFBDE6 90%);

Linear

HEX #FFBDE6 zu HEX #FFCFF4


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 14%, #FFCFF4 96%);

Radial

HEX #FFBDE6 zu HEX #FFCFF4


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 4%, #FFCFF4 98%);

 

HEX #FFCFF4 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFCFF4 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFCFF4 1%, #FFBDE6 89%);

 

HEX #FFBDE6 zu HEX #FFE1FF


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #FFE1FF


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 8%, #FFE1FF 93%);

 

HEX #FFE1FF zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFE1FF zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFE1FF 3%, #FFBDE6 93%);

 

HEX #FFBDE6 zu HEX #FFF3FF


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 7%, #FFF3FF 97%);

 

HEX #FFBDE6 zu HEX #FFF3FF


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 7%, #FFF3FF 95%);

 

HEX #FFF3FF zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFF3FF zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFF3FF 7%, #FFBDE6 96%);

Linear

HEX #FFBDE6 zu HEX #EEABD3


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 14%, #EEABD3 96%);

Radial

HEX #FFBDE6 zu HEX #EEABD3


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 11%, #EEABD3 96%);

 

HEX #EEABD3 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #EEABD3 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #EEABD3 14%, #FFBDE6 100%);

 

HEX #FFBDE6 zu HEX #DD99C0


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #DD99C0


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 12%, #DD99C0 86%);

 

HEX #DD99C0 zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #DD99C0 0%, #FFBDE6 100%);

 

HEX #DD99C0 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #DD99C0 5%, #FFBDE6 99%);

 

HEX #FFBDE6 zu HEX #CC87AD


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 11%, #CC87AD 93%);

 

HEX #FFBDE6 zu HEX #CC87AD


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 12%, #CC87AD 91%);

 

HEX #CC87AD zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #CC87AD 0%, #FFBDE6 100%);

 

HEX #CC87AD zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #CC87AD 9%, #FFBDE6 87%);

 

HEX #FFBDE6 zu HEX #BB759A


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 4%, #BB759A 98%);

 

HEX #FFBDE6 zu HEX #BB759A


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 12%, #BB759A 88%);

 

HEX #BB759A zu HEX #FFBDE6


CSS-Code:

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

 

HEX #BB759A zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BB759A 7%, #FFBDE6 96%);

Linear

HEX #FFBDE6 zu HEX #FFBCDB


CSS-Code:

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

Radial

HEX #FFBDE6 zu HEX #FFBCDB


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 11%, #FFBCDB 94%);

 

HEX #FFBCDB zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFBCDB zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFBCDB 6%, #FFBDE6 96%);

 

HEX #FFBDE6 zu HEX #FFBCD0


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #FFBCD0


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 6%, #FFBCD0 89%);

 

HEX #FFBCD0 zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #FFBCD0 5%, #FFBDE6 88%);

 

HEX #FFBCD0 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFBCD0 11%, #FFBDE6 93%);

 

HEX #FFBDE6 zu HEX #FFBCC5


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #FFBCC5


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 5%, #FFBCC5 86%);

 

HEX #FFBCC5 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFBCC5 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFBCC5 10%, #FFBDE6 98%);

 

HEX #FFBDE6 zu HEX #FFBEBC


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 0%, #FFBEBC 100%);

 

HEX #FFBDE6 zu HEX #FFBEBC


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 0%, #FFBEBC 98%);

 

HEX #FFBEBC zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFBEBC zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFBEBC 8%, #FFBDE6 94%);

Linear

HEX #FFBDE6 zu HEX #33262E


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 3%, #33262E 88%);

Radial

HEX #FFBDE6 zu HEX #33262E


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 4%, #33262E 100%);

 

HEX #33262E zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #33262E 11%, #FFBDE6 87%);

 

HEX #33262E zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #33262E 0%, #FFBDE6 99%);

 

HEX #FFBDE6 zu HEX #664C5C


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 6%, #664C5C 93%);

 

HEX #FFBDE6 zu HEX #664C5C


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 3%, #664C5C 96%);

 

HEX #664C5C zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #664C5C 14%, #FFBDE6 96%);

 

HEX #664C5C zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #664C5C 12%, #FFBDE6 87%);

 

HEX #FFBDE6 zu HEX #99718A


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 7%, #99718A 93%);

 

HEX #FFBDE6 zu HEX #99718A


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 11%, #99718A 98%);

 

HEX #99718A zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #99718A 1%, #FFBDE6 94%);

 

HEX #99718A zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #99718A 3%, #FFBDE6 99%);

 

HEX #FFBDE6 zu HEX #CC97B8


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 8%, #CC97B8 90%);

 

HEX #FFBDE6 zu HEX #CC97B8


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 10%, #CC97B8 94%);

 

HEX #CC97B8 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #CC97B8 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #CC97B8 14%, #FFBDE6 86%);

Linear

HEX #FFBDE6 zu HEX #FFE2BC


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 0%, #FFE2BC 92%);

Radial

HEX #FFBDE6 zu HEX #FFE2BC


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 14%, #FFE2BC 94%);

 

HEX #FFE2BC zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFE2BC zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFE2BC 6%, #FFBDE6 90%);

 

HEX #FFBDE6 zu HEX #BCFFFC


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #BCFFFC


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 13%, #BCFFFC 95%);

 

HEX #BCFFFC zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #BCFFFC 6%, #FFBDE6 96%);

 

HEX #BCFFFC zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BCFFFC 12%, #FFBDE6 97%);

Linear

HEX #FFBDE6 zu HEX #E6FFBC


CSS-Code:

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

Radial

HEX #FFBDE6 zu HEX #E6FFBC


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 12%, #E6FFBC 90%);

 

HEX #E6FFBC zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #E6FFBC 11%, #FFBDE6 86%);

 

HEX #E6FFBC zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #E6FFBC 13%, #FFBDE6 100%);

 

HEX #FFBDE6 zu HEX #BCE6FF


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #BCE6FF


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 0%, #BCE6FF 100%);

 

HEX #BCE6FF zu HEX #FFBDE6


CSS-Code:

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

 

HEX #BCE6FF zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BCE6FF 4%, #FFBDE6 89%);

Linear

HEX #FFBDE6 zu HEX #FFE2BC


CSS-Code:

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

Radial

HEX #FFBDE6 zu HEX #FFE2BC


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 14%, #FFE2BC 99%);

 

HEX #FFE2BC zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFE2BC zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFE2BC 3%, #FFBDE6 94%);

 

HEX #FFBDE6 zu HEX #BCFFD5


CSS-Code:

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

 

HEX #FFBDE6 zu HEX #BCFFD5


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 12%, #BCFFD5 90%);

 

HEX #BCFFD5 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #BCFFD5 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BCFFD5 7%, #FFBDE6 96%);

 

HEX #FFBDE6 zu HEX #BCD9FF


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 10%, #BCD9FF 87%);

 

HEX #FFBDE6 zu HEX #BCD9FF


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 8%, #BCD9FF 91%);

 

HEX #BCD9FF zu HEX #FFBDE6


CSS-Code:

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

 

HEX #BCD9FF zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BCD9FF 3%, #FFBDE6 98%);

Linear

HEX #FFBDE6 zu HEX #FFF6BC


CSS-Code:

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

Radial

HEX #FFBDE6 zu HEX #FFF6BC


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 8%, #FFF6BC 99%);

 

HEX #FFF6BC zu HEX #FFBDE6


CSS-Code:

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

 

HEX #FFF6BC zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #FFF6BC 3%, #FFBDE6 91%);

 

HEX #FFBDE6 zu HEX #BCFFD5


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 10%, #BCFFD5 91%);

 

HEX #FFBDE6 zu HEX #BCFFD5


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 4%, #BCFFD5 94%);

 

HEX #BCFFD5 zu HEX #FFBDE6


CSS-Code:

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

 

HEX #BCFFD5 zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BCFFD5 2%, #FFBDE6 91%);

 

HEX #FFBDE6 zu HEX #BCC5FF


CSS-Code:

background-image: linear-gradient(135deg, #FFBDE6 9%, #BCC5FF 88%);

 

HEX #FFBDE6 zu HEX #BCC5FF


CSS-Code:

background-image: radial-gradient(circle, #FFBDE6 10%, #BCC5FF 90%);

 

HEX #BCC5FF zu HEX #FFBDE6


CSS-Code:

background-image: linear-gradient(135deg, #BCC5FF 0%, #FFBDE6 100%);

 

HEX #BCC5FF zu HEX #FFBDE6


CSS-Code:

background-image: radial-gradient(circle, #BCC5FF 14%, #FFBDE6 88%);

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)

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.