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

CSS Gradienten:
RGBA 156 70 191 0.8

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #9C46BFCC zu HEX #63B940CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 4%, #63B940CC 87%);

Radial

HEX #9C46BFCC zu HEX #63B940CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 6%, #63B940CC 88%);

 

HEX #63B940CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #63B940CC 9%, #9C46BFCC 91%);

 

HEX #63B940CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #63B940CC 14%, #9C46BFCC 99%);

Linear

HEX #9C46BFCC zu HEX #B258CDCC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 0%, #B258CDCC 86%);

Radial

HEX #9C46BFCC zu HEX #B258CDCC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 0%, #B258CDCC 94%);

 

HEX #B258CDCC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #B258CDCC 13%, #9C46BFCC 99%);

 

HEX #B258CDCC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #B258CDCC 9%, #9C46BFCC 100%);

 

HEX #9C46BFCC zu HEX #C36AE0CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 6%, #C36AE0CC 89%);

 

HEX #9C46BFCC zu HEX #C36AE0CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 13%, #C36AE0CC 86%);

 

HEX #C36AE0CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #C36AE0CC 14%, #9C46BFCC 99%);

 

HEX #C36AE0CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #C36AE0CC 5%, #9C46BFCC 99%);

 

HEX #9C46BFCC zu HEX #D47CF3CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 14%, #D47CF3CC 89%);

 

HEX #9C46BFCC zu HEX #D47CF3CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 9%, #D47CF3CC 89%);

 

HEX #D47CF3CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #D47CF3CC 6%, #9C46BFCC 89%);

 

HEX #D47CF3CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #D47CF3CC 11%, #9C46BFCC 97%);

 

HEX #9C46BFCC zu HEX #E58EFFCC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 1%, #E58EFFCC 92%);

 

HEX #9C46BFCC zu HEX #E58EFFCC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 10%, #E58EFFCC 92%);

 

HEX #E58EFFCC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #E58EFFCC 12%, #9C46BFCC 87%);

 

HEX #E58EFFCC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #E58EFFCC 4%, #9C46BFCC 94%);

Linear

HEX #9C46BFCC zu HEX #8B34ACCC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 7%, #8B34ACCC 93%);

Radial

HEX #9C46BFCC zu HEX #8B34ACCC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 6%, #8B34ACCC 90%);

 

HEX #8B34ACCC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #8B34ACCC 4%, #9C46BFCC 97%);

 

HEX #8B34ACCC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #8B34ACCC 10%, #9C46BFCC 94%);

 

HEX #9C46BFCC zu HEX #7A2299CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 1%, #7A2299CC 97%);

 

HEX #9C46BFCC zu HEX #7A2299CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 0%, #7A2299CC 88%);

 

HEX #7A2299CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #7A2299CC 6%, #9C46BFCC 95%);

 

HEX #7A2299CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #7A2299CC 7%, #9C46BFCC 96%);

 

HEX #9C46BFCC zu HEX #691086CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 14%, #691086CC 94%);

 

HEX #9C46BFCC zu HEX #691086CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 12%, #691086CC 91%);

 

HEX #691086CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #691086CC 2%, #9C46BFCC 91%);

 

HEX #691086CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #691086CC 6%, #9C46BFCC 89%);

 

HEX #9C46BFCC zu HEX #580073CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 11%, #580073CC 100%);

 

HEX #9C46BFCC zu HEX #580073CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 12%, #580073CC 86%);

 

HEX #580073CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #580073CC 13%, #9C46BFCC 87%);

 

HEX #580073CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #580073CC 11%, #9C46BFCC 99%);

Linear

HEX #9C46BFCC zu HEX #AE44BFCC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 3%, #AE44BFCC 94%);

Radial

HEX #9C46BFCC zu HEX #AE44BFCC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 6%, #AE44BFCC 90%);

 

HEX #AE44BFCC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #AE44BFCC 5%, #9C46BFCC 95%);

 

HEX #AE44BFCC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #AE44BFCC 5%, #9C46BFCC 98%);

 

HEX #9C46BFCC zu HEX #BF44BBCC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 11%, #BF44BBCC 94%);

 

HEX #9C46BFCC zu HEX #BF44BBCC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 10%, #BF44BBCC 90%);

 

HEX #BF44BBCC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF44BBCC 11%, #9C46BFCC 86%);

 

HEX #BF44BBCC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #BF44BBCC 7%, #9C46BFCC 98%);

 

HEX #9C46BFCC zu HEX #BF44A6CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 9%, #BF44A6CC 92%);

 

HEX #9C46BFCC zu HEX #BF44A6CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 11%, #BF44A6CC 92%);

 

HEX #BF44A6CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF44A6CC 2%, #9C46BFCC 99%);

 

HEX #BF44A6CC zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #BF44A6CC 7%, #9C46BFCC 89%);

 

HEX #9C46BFCC zu HEX #BF4492CC


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 4%, #BF4492CC 96%);

 

HEX #9C46BFCC zu HEX #BF4492CC


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 8%, #BF4492CC 90%);

 

HEX #BF4492CC zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF4492CC 0%, #9C46BFCC 100%);

 

HEX #BF4492CC zu HEX #9C46BFCC


CSS-Code:

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

Linear

HEX #9C46BFCC zu HEX #C659F2


CSS-Code:

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

Radial

HEX #9C46BFCC zu HEX #C659F2


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 3%, #C659F2 94%);

 

HEX #C659F2 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #C659F2 12%, #9C46BFCC 89%);

 

HEX #C659F2 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #C659F2 3%, #9C46BFCC 97%);

 

HEX #9C46BFCC zu HEX #1F0E26


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 10%, #1F0E26 94%);

 

HEX #9C46BFCC zu HEX #1F0E26


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 5%, #1F0E26 86%);

 

HEX #1F0E26 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #1F0E26 0%, #9C46BFCC 93%);

 

HEX #1F0E26 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #1F0E26 8%, #9C46BFCC 89%);

 

HEX #9C46BFCC zu HEX #492159


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 0%, #492159 94%);

 

HEX #9C46BFCC zu HEX #492159


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 13%, #492159 92%);

 

HEX #492159 zu HEX #9C46BFCC


CSS-Code:

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

 

HEX #492159 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #492159 12%, #9C46BFCC 100%);

 

HEX #9C46BFCC zu HEX #72338C


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 12%, #72338C 96%);

 

HEX #9C46BFCC zu HEX #72338C


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 5%, #72338C 96%);

 

HEX #72338C zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #72338C 13%, #9C46BFCC 86%);

 

HEX #72338C zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #72338C 5%, #9C46BFCC 92%);

Linear

HEX #9C46BFCC zu HEX #BF4451


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 7%, #BF4451 89%);

Radial

HEX #9C46BFCC zu HEX #BF4451


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 2%, #BF4451 94%);

 

HEX #BF4451 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF4451 7%, #9C46BFCC 90%);

 

HEX #BF4451 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #BF4451 8%, #9C46BFCC 99%);

 

HEX #9C46BFCC zu HEX #44BF69


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 11%, #44BF69 89%);

 

HEX #9C46BFCC zu HEX #44BF69


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 3%, #44BF69 99%);

 

HEX #44BF69 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #44BF69 14%, #9C46BFCC 97%);

 

HEX #44BF69 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #44BF69 2%, #9C46BFCC 96%);

Linear

HEX #9C46BFCC zu HEX #BF9A44


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 8%, #BF9A44 95%);

Radial

HEX #9C46BFCC zu HEX #BF9A44


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 14%, #BF9A44 86%);

 

HEX #BF9A44 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF9A44 14%, #9C46BFCC 95%);

 

HEX #BF9A44 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #BF9A44 11%, #9C46BFCC 88%);

 

HEX #9C46BFCC zu HEX #44BF9A


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 9%, #44BF9A 93%);

 

HEX #9C46BFCC zu HEX #44BF9A


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 2%, #44BF9A 91%);

 

HEX #44BF9A zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #44BF9A 2%, #9C46BFCC 98%);

 

HEX #44BF9A zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #44BF9A 13%, #9C46BFCC 97%);

Linear

HEX #9C46BFCC zu HEX #BF4451


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 8%, #BF4451 95%);

Radial

HEX #9C46BFCC zu HEX #BF4451


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 3%, #BF4451 94%);

 

HEX #BF4451 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF4451 11%, #9C46BFCC 95%);

 

HEX #BF4451 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #BF4451 9%, #9C46BFCC 94%);

 

HEX #9C46BFCC zu HEX #69BF44


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 1%, #69BF44 90%);

 

HEX #9C46BFCC zu HEX #69BF44


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 2%, #69BF44 99%);

 

HEX #69BF44 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #69BF44 12%, #9C46BFCC 100%);

 

HEX #69BF44 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #69BF44 12%, #9C46BFCC 89%);

 

HEX #9C46BFCC zu HEX #44BFB3


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 10%, #44BFB3 86%);

 

HEX #9C46BFCC zu HEX #44BFB3


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 1%, #44BFB3 92%);

 

HEX #44BFB3 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #44BFB3 3%, #9C46BFCC 86%);

 

HEX #44BFB3 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #44BFB3 12%, #9C46BFCC 90%);

Linear

HEX #9C46BFCC zu HEX #BF5D44


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 4%, #BF5D44 97%);

Radial

HEX #9C46BFCC zu HEX #BF5D44


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 9%, #BF5D44 87%);

 

HEX #BF5D44 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #BF5D44 2%, #9C46BFCC 99%);

 

HEX #BF5D44 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #BF5D44 9%, #9C46BFCC 96%);

 

HEX #9C46BFCC zu HEX #69BF44


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 14%, #69BF44 88%);

 

HEX #9C46BFCC zu HEX #69BF44


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 6%, #69BF44 93%);

 

HEX #69BF44 zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #69BF44 5%, #9C46BFCC 88%);

 

HEX #69BF44 zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #69BF44 2%, #9C46BFCC 87%);

 

HEX #9C46BFCC zu HEX #44A6BF


CSS-Code:

background-image: linear-gradient(135deg, #9C46BFCC 12%, #44A6BF 99%);

 

HEX #9C46BFCC zu HEX #44A6BF


CSS-Code:

background-image: radial-gradient(circle, #9C46BFCC 3%, #44A6BF 98%);

 

HEX #44A6BF zu HEX #9C46BFCC


CSS-Code:

background-image: linear-gradient(135deg, #44A6BF 10%, #9C46BFCC 90%);

 

HEX #44A6BF zu HEX #9C46BFCC


CSS-Code:

background-image: radial-gradient(circle, #44A6BF 10%, #9C46BFCC 87%);

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.