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

CSS Gradienten:
#B5667B

Information

schließe alle

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 181 Rot, 102 Grün und 123 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.
181 102 123 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 44 Magenta, 32 Gelb und 29 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% 44% 32% 29% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #B5667B zu HEX #4A9984


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 2%, #4A9984 95%);

Radial

HEX #B5667B zu HEX #4A9984


CSS-Code:

background-image: radial-gradient(circle, #B5667B 11%, #4A9984 91%);

 

HEX #4A9984 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #4A9984 8%, #B5667B 88%);

 

HEX #4A9984 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #4A9984 14%, #B5667B 94%);

Linear

HEX #B5667B zu HEX #B4648F


CSS-Code:

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

Radial

HEX #B5667B zu HEX #B4648F


CSS-Code:

background-image: radial-gradient(circle, #B5667B 14%, #B4648F 87%);

 

HEX #B4648F zu HEX #B5667B


CSS-Code:

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

 

HEX #B4648F zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B4648F 4%, #B5667B 89%);

 

HEX #B5667B zu HEX #B4647A


CSS-Code:

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

 

HEX #B5667B zu HEX #B4647A


CSS-Code:

background-image: radial-gradient(circle, #B5667B 3%, #B4647A 90%);

 

HEX #B4647A zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #B4647A 3%, #B5667B 87%);

 

HEX #B4647A zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B4647A 5%, #B5667B 94%);

 

HEX #B5667B zu HEX #B46464


CSS-Code:

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

 

HEX #B5667B zu HEX #B46464


CSS-Code:

background-image: radial-gradient(circle, #B5667B 5%, #B46464 93%);

 

HEX #B46464 zu HEX #B5667B


CSS-Code:

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

 

HEX #B46464 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B46464 11%, #B5667B 90%);

 

HEX #B5667B zu HEX #B47A64


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 12%, #B47A64 93%);

 

HEX #B5667B zu HEX #B47A64


CSS-Code:

background-image: radial-gradient(circle, #B5667B 14%, #B47A64 89%);

 

HEX #B47A64 zu HEX #B5667B


CSS-Code:

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

 

HEX #B47A64 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B47A64 6%, #B5667B 94%);

Linear

HEX #B5667B zu HEX #A14E64


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 12%, #A14E64 93%);

Radial

HEX #B5667B zu HEX #A14E64


CSS-Code:

background-image: radial-gradient(circle, #B5667B 7%, #A14E64 97%);

 

HEX #A14E64 zu HEX #B5667B


CSS-Code:

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

 

HEX #A14E64 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #A14E64 7%, #B5667B 95%);

 

HEX #B5667B zu HEX #B46479


CSS-Code:

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

 

HEX #B5667B zu HEX #B46479


CSS-Code:

background-image: radial-gradient(circle, #B5667B 0%, #B46479 93%);

 

HEX #B46479 zu HEX #B5667B


CSS-Code:

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

 

HEX #B46479 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B46479 3%, #B5667B 96%);

 

HEX #B5667B zu HEX #C28091


CSS-Code:

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

 

HEX #B5667B zu HEX #C28091


CSS-Code:

background-image: radial-gradient(circle, #B5667B 11%, #C28091 97%);

 

HEX #C28091 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #C28091 13%, #B5667B 87%);

 

HEX #C28091 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #C28091 1%, #B5667B 92%);

 

HEX #B5667B zu HEX #CF9CA9


CSS-Code:

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

 

HEX #B5667B zu HEX #CF9CA9


CSS-Code:

background-image: radial-gradient(circle, #B5667B 3%, #CF9CA9 88%);

 

HEX #CF9CA9 zu HEX #B5667B


CSS-Code:

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

 

HEX #CF9CA9 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #CF9CA9 5%, #B5667B 92%);

Linear

HEX #B5667B zu HEX #B4648F


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 8%, #B4648F 98%);

Radial

HEX #B5667B zu HEX #B4648F


CSS-Code:

background-image: radial-gradient(circle, #B5667B 2%, #B4648F 90%);

 

HEX #B4648F zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #B4648F 9%, #B5667B 87%);

 

HEX #B4648F zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B4648F 12%, #B5667B 94%);

 

HEX #B5667B zu HEX #B4647A


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 4%, #B4647A 97%);

 

HEX #B5667B zu HEX #B4647A


CSS-Code:

background-image: radial-gradient(circle, #B5667B 5%, #B4647A 87%);

 

HEX #B4647A zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #B4647A 3%, #B5667B 92%);

 

HEX #B4647A zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B4647A 4%, #B5667B 90%);

 

HEX #B5667B zu HEX #B46464


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 1%, #B46464 88%);

 

HEX #B5667B zu HEX #B46464


CSS-Code:

background-image: radial-gradient(circle, #B5667B 7%, #B46464 97%);

 

HEX #B46464 zu HEX #B5667B


CSS-Code:

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

 

HEX #B46464 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B46464 13%, #B5667B 87%);

 

HEX #B5667B zu HEX #B47A64


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 3%, #B47A64 98%);

 

HEX #B5667B zu HEX #B47A64


CSS-Code:

background-image: radial-gradient(circle, #B5667B 0%, #B47A64 91%);

 

HEX #B47A64 zu HEX #B5667B


CSS-Code:

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

 

HEX #B47A64 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B47A64 2%, #B5667B 95%);

Linear

HEX #B5667B zu HEX #A14E64


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 10%, #A14E64 95%);

Radial

HEX #B5667B zu HEX #A14E64


CSS-Code:

background-image: radial-gradient(circle, #B5667B 0%, #A14E64 96%);

 

HEX #A14E64 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #A14E64 8%, #B5667B 98%);

 

HEX #A14E64 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #A14E64 8%, #B5667B 100%);

 

HEX #B5667B zu HEX #B46479


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 11%, #B46479 95%);

 

HEX #B5667B zu HEX #B46479


CSS-Code:

background-image: radial-gradient(circle, #B5667B 6%, #B46479 100%);

 

HEX #B46479 zu HEX #B5667B


CSS-Code:

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

 

HEX #B46479 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B46479 5%, #B5667B 99%);

 

HEX #B5667B zu HEX #C28091


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 3%, #C28091 87%);

 

HEX #B5667B zu HEX #C28091


CSS-Code:

background-image: radial-gradient(circle, #B5667B 11%, #C28091 90%);

 

HEX #C28091 zu HEX #B5667B


CSS-Code:

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

 

HEX #C28091 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #C28091 11%, #B5667B 90%);

 

HEX #B5667B zu HEX #CF9CA9


CSS-Code:

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

 

HEX #B5667B zu HEX #CF9CA9


CSS-Code:

background-image: radial-gradient(circle, #B5667B 11%, #CF9CA9 90%);

 

HEX #CF9CA9 zu HEX #B5667B


CSS-Code:

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

 

HEX #CF9CA9 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #CF9CA9 9%, #B5667B 93%);

Linear

HEX #B5667B zu HEX #B4AF64


CSS-Code:

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

Radial

HEX #B5667B zu HEX #B4AF64


CSS-Code:

background-image: radial-gradient(circle, #B5667B 7%, #B4AF64 90%);

 

HEX #B4AF64 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #B4AF64 1%, #B5667B 87%);

 

HEX #B4AF64 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B4AF64 10%, #B5667B 86%);

 

HEX #B5667B zu HEX #649AB4


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 4%, #649AB4 95%);

 

HEX #B5667B zu HEX #649AB4


CSS-Code:

background-image: radial-gradient(circle, #B5667B 1%, #649AB4 95%);

 

HEX #649AB4 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #649AB4 5%, #B5667B 92%);

 

HEX #649AB4 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #649AB4 7%, #B5667B 93%);

Linear

HEX #B5667B zu HEX #7AB464


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 13%, #7AB464 98%);

Radial

HEX #B5667B zu HEX #7AB464


CSS-Code:

background-image: radial-gradient(circle, #B5667B 12%, #7AB464 92%);

 

HEX #7AB464 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #7AB464 14%, #B5667B 90%);

 

HEX #7AB464 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #7AB464 1%, #B5667B 92%);

 

HEX #B5667B zu HEX #647AB4


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 9%, #647AB4 92%);

 

HEX #B5667B zu HEX #647AB4


CSS-Code:

background-image: radial-gradient(circle, #B5667B 7%, #647AB4 92%);

 

HEX #647AB4 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #647AB4 0%, #B5667B 99%);

 

HEX #647AB4 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #647AB4 4%, #B5667B 100%);

Linear

HEX #B5667B zu HEX #B4AF64


CSS-Code:

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

Radial

HEX #B5667B zu HEX #B4AF64


CSS-Code:

background-image: radial-gradient(circle, #B5667B 7%, #B4AF64 94%);

 

HEX #B4AF64 zu HEX #B5667B


CSS-Code:

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

 

HEX #B4AF64 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #B4AF64 8%, #B5667B 88%);

 

HEX #B5667B zu HEX #64B49F


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 1%, #64B49F 90%);

 

HEX #B5667B zu HEX #64B49F


CSS-Code:

background-image: radial-gradient(circle, #B5667B 9%, #64B49F 99%);

 

HEX #64B49F zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #64B49F 14%, #B5667B 91%);

 

HEX #64B49F zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #64B49F 10%, #B5667B 90%);

 

HEX #B5667B zu HEX #6469B4


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 13%, #6469B4 100%);

 

HEX #B5667B zu HEX #6469B4


CSS-Code:

background-image: radial-gradient(circle, #B5667B 2%, #6469B4 90%);

 

HEX #6469B4 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #6469B4 5%, #B5667B 90%);

 

HEX #6469B4 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #6469B4 8%, #B5667B 94%);

Linear

HEX #B5667B zu HEX #A2B464


CSS-Code:

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

Radial

HEX #B5667B zu HEX #A2B464


CSS-Code:

background-image: radial-gradient(circle, #B5667B 9%, #A2B464 97%);

 

HEX #A2B464 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #A2B464 11%, #B5667B 95%);

 

HEX #A2B464 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #A2B464 1%, #B5667B 98%);

 

HEX #B5667B zu HEX #64B49F


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 6%, #64B49F 89%);

 

HEX #B5667B zu HEX #64B49F


CSS-Code:

background-image: radial-gradient(circle, #B5667B 9%, #64B49F 96%);

 

HEX #64B49F zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #64B49F 4%, #B5667B 86%);

 

HEX #64B49F zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #64B49F 1%, #B5667B 91%);

 

HEX #B5667B zu HEX #7764B4


CSS-Code:

background-image: linear-gradient(135deg, #B5667B 13%, #7764B4 94%);

 

HEX #B5667B zu HEX #7764B4


CSS-Code:

background-image: radial-gradient(circle, #B5667B 4%, #7764B4 86%);

 

HEX #7764B4 zu HEX #B5667B


CSS-Code:

background-image: linear-gradient(135deg, #7764B4 9%, #B5667B 94%);

 

HEX #7764B4 zu HEX #B5667B


CSS-Code:

background-image: radial-gradient(circle, #7764B4 5%, #B5667B 91%);

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)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.