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

✕

CSS Gradienten:
RGB 214 173 255

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #D6ADFF zu HEX #295200


CSS-Code:

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

Radial

HEX #D6ADFF zu HEX #295200


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 0%, #295200 93%);

 

HEX #295200 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #295200 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #295200 14%, #D6ADFF 86%);

Linear

HEX #D6ADFF zu HEX #ECBFFF


CSS-Code:

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

Radial

HEX #D6ADFF zu HEX #ECBFFF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 1%, #ECBFFF 91%);

 

HEX #ECBFFF zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #ECBFFF 6%, #D6ADFF 89%);

 

HEX #ECBFFF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #ECBFFF 10%, #D6ADFF 90%);

 

HEX #D6ADFF zu HEX #FDD1FF


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 6%, #FDD1FF 90%);

 

HEX #D6ADFF zu HEX #FDD1FF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 13%, #FDD1FF 95%);

 

HEX #FDD1FF zu HEX #D6ADFF


CSS-Code:

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

 

HEX #FDD1FF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FDD1FF 1%, #D6ADFF 100%);

 

HEX #D6ADFF zu HEX #FFE3FF


CSS-Code:

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

 

HEX #D6ADFF zu HEX #FFE3FF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 3%, #FFE3FF 94%);

 

HEX #FFE3FF zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #FFE3FF 11%, #D6ADFF 94%);

 

HEX #FFE3FF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFE3FF 0%, #D6ADFF 90%);

 

HEX #D6ADFF zu HEX #FFF5FF


CSS-Code:

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

 

HEX #D6ADFF zu HEX #FFF5FF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 3%, #FFF5FF 89%);

 

HEX #FFF5FF zu HEX #D6ADFF


CSS-Code:

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

 

HEX #FFF5FF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFF5FF 6%, #D6ADFF 92%);

Linear

HEX #D6ADFF zu HEX #C59BEC


CSS-Code:

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

Radial

HEX #D6ADFF zu HEX #C59BEC


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 8%, #C59BEC 100%);

 

HEX #C59BEC zu HEX #D6ADFF


CSS-Code:

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

 

HEX #C59BEC zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #C59BEC 11%, #D6ADFF 96%);

 

HEX #D6ADFF zu HEX #B489D9


CSS-Code:

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

 

HEX #D6ADFF zu HEX #B489D9


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 5%, #B489D9 95%);

 

HEX #B489D9 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #B489D9 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #B489D9 8%, #D6ADFF 92%);

 

HEX #D6ADFF zu HEX #A377C6


CSS-Code:

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

 

HEX #D6ADFF zu HEX #A377C6


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 10%, #A377C6 91%);

 

HEX #A377C6 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #A377C6 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #A377C6 4%, #D6ADFF 86%);

 

HEX #D6ADFF zu HEX #9265B3


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 2%, #9265B3 91%);

 

HEX #D6ADFF zu HEX #9265B3


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 11%, #9265B3 96%);

 

HEX #9265B3 zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #9265B3 7%, #D6ADFF 98%);

 

HEX #9265B3 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #9265B3 13%, #D6ADFF 90%);

Linear

HEX #D6ADFF zu HEX #E3ADFF


CSS-Code:

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

Radial

HEX #D6ADFF zu HEX #E3ADFF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 12%, #E3ADFF 97%);

 

HEX #E3ADFF zu HEX #D6ADFF


CSS-Code:

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

 

HEX #E3ADFF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #E3ADFF 1%, #D6ADFF 96%);

 

HEX #D6ADFF zu HEX #F1ADFF


CSS-Code:

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

 

HEX #D6ADFF zu HEX #F1ADFF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 5%, #F1ADFF 100%);

 

HEX #F1ADFF zu HEX #D6ADFF


CSS-Code:

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

 

HEX #F1ADFF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #F1ADFF 7%, #D6ADFF 94%);

 

HEX #D6ADFF zu HEX #FFADFF


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 12%, #FFADFF 88%);

 

HEX #D6ADFF zu HEX #FFADFF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 10%, #FFADFF 95%);

 

HEX #FFADFF zu HEX #D6ADFF


CSS-Code:

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

 

HEX #FFADFF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFADFF 12%, #D6ADFF 94%);

 

HEX #D6ADFF zu HEX #FFADF1


CSS-Code:

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

 

HEX #D6ADFF zu HEX #FFADF1


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 4%, #FFADF1 89%);

 

HEX #FFADF1 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #FFADF1 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFADF1 12%, #D6ADFF 87%);

Linear

HEX #D6ADFF zu HEX #2B2333


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 11%, #2B2333 88%);

Radial

HEX #D6ADFF zu HEX #2B2333


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 4%, #2B2333 89%);

 

HEX #2B2333 zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #2B2333 11%, #D6ADFF 90%);

 

HEX #2B2333 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #2B2333 1%, #D6ADFF 100%);

 

HEX #D6ADFF zu HEX #564566


CSS-Code:

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

 

HEX #D6ADFF zu HEX #564566


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 12%, #564566 94%);

 

HEX #564566 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #564566 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #564566 3%, #D6ADFF 98%);

 

HEX #D6ADFF zu HEX #806899


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 2%, #806899 90%);

 

HEX #D6ADFF zu HEX #806899


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 10%, #806899 92%);

 

HEX #806899 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #806899 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #806899 6%, #D6ADFF 95%);

 

HEX #D6ADFF zu HEX #AB8ACC


CSS-Code:

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

 

HEX #D6ADFF zu HEX #AB8ACC


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 6%, #AB8ACC 96%);

 

HEX #AB8ACC zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #AB8ACC 10%, #D6ADFF 90%);

 

HEX #AB8ACC zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #AB8ACC 0%, #D6ADFF 90%);

Linear

HEX #D6ADFF zu HEX #FFADC5


CSS-Code:

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

Radial

HEX #D6ADFF zu HEX #FFADC5


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 12%, #FFADC5 97%);

 

HEX #FFADC5 zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #FFADC5 5%, #D6ADFF 92%);

 

HEX #FFADC5 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFADC5 7%, #D6ADFF 96%);

 

HEX #D6ADFF zu HEX #ADFFB5


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 12%, #ADFFB5 100%);

 

HEX #D6ADFF zu HEX #ADFFB5


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 0%, #ADFFB5 90%);

 

HEX #ADFFB5 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #ADFFB5 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #ADFFB5 2%, #D6ADFF 98%);

Linear

HEX #D6ADFF zu HEX #FFD6AD


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 8%, #FFD6AD 92%);

Radial

HEX #D6ADFF zu HEX #FFD6AD


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 10%, #FFD6AD 87%);

 

HEX #FFD6AD zu HEX #D6ADFF


CSS-Code:

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

 

HEX #FFD6AD zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFD6AD 13%, #D6ADFF 90%);

 

HEX #D6ADFF zu HEX #ADFFD6


CSS-Code:

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

 

HEX #D6ADFF zu HEX #ADFFD6


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 4%, #ADFFD6 91%);

 

HEX #ADFFD6 zu HEX #D6ADFF


CSS-Code:

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

 

HEX #ADFFD6 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #ADFFD6 0%, #D6ADFF 96%);

Linear

HEX #D6ADFF zu HEX #FFADC5


CSS-Code:

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

Radial

HEX #D6ADFF zu HEX #FFADC5


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 11%, #FFADC5 93%);

 

HEX #FFADC5 zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #FFADC5 7%, #D6ADFF 95%);

 

HEX #FFADC5 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFADC5 7%, #D6ADFF 95%);

 

HEX #D6ADFF zu HEX #D6FFAD


CSS-Code:

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

 

HEX #D6ADFF zu HEX #D6FFAD


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 10%, #D6FFAD 88%);

 

HEX #D6FFAD zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #D6FFAD 12%, #D6ADFF 95%);

 

HEX #D6FFAD zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #D6FFAD 2%, #D6ADFF 90%);

 

HEX #D6ADFF zu HEX #ADFFE6


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 6%, #ADFFE6 89%);

 

HEX #D6ADFF zu HEX #ADFFE6


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 2%, #ADFFE6 94%);

 

HEX #ADFFE6 zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #ADFFE6 8%, #D6ADFF 94%);

 

HEX #ADFFE6 zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #ADFFE6 3%, #D6ADFF 86%);

Linear

HEX #D6ADFF zu HEX #FFADAD


CSS-Code:

background-image: linear-gradient(135deg, #D6ADFF 7%, #FFADAD 92%);

Radial

HEX #D6ADFF zu HEX #FFADAD


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 3%, #FFADAD 98%);

 

HEX #FFADAD zu HEX #D6ADFF


CSS-Code:

background-image: linear-gradient(135deg, #FFADAD 0%, #D6ADFF 94%);

 

HEX #FFADAD zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #FFADAD 8%, #D6ADFF 88%);

 

HEX #D6ADFF zu HEX #D6FFAD


CSS-Code:

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

 

HEX #D6ADFF zu HEX #D6FFAD


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 11%, #D6FFAD 88%);

 

HEX #D6FFAD zu HEX #D6ADFF


CSS-Code:

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

 

HEX #D6FFAD zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #D6FFAD 0%, #D6ADFF 90%);

 

HEX #D6ADFF zu HEX #ADFFFF


CSS-Code:

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

 

HEX #D6ADFF zu HEX #ADFFFF


CSS-Code:

background-image: radial-gradient(circle, #D6ADFF 13%, #ADFFFF 86%);

 

HEX #ADFFFF zu HEX #D6ADFF


CSS-Code:

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

 

HEX #ADFFFF zu HEX #D6ADFF


CSS-Code:

background-image: radial-gradient(circle, #ADFFFF 2%, #D6ADFF 99%);

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