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

✕

CSS Gradienten:
#BDAEC1

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BDAEC1 zu HEX #42513E


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 3%, #42513E 91%);

Radial

HEX #BDAEC1 zu HEX #42513E


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 11%, #42513E 94%);

 

HEX #42513E zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #42513E 8%, #BDAEC1 100%);

 

HEX #42513E zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #42513E 10%, #BDAEC1 87%);

Linear

HEX #BDAEC1 zu HEX #B7AEC0


CSS-Code:

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

Radial

HEX #BDAEC1 zu HEX #B7AEC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 10%, #B7AEC0 88%);

 

HEX #B7AEC0 zu HEX #BDAEC1


CSS-Code:

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

 

HEX #B7AEC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #B7AEC0 6%, #BDAEC1 100%);

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 12%, #BCAEC0 91%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #BCAEC0 2%, #BDAEC1 97%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #BCAEC0 3%, #BDAEC1 99%);

 

HEX #BDAEC1 zu HEX #C0AEBF


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #C0AEBF


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 2%, #C0AEBF 90%);

 

HEX #C0AEBF zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #C0AEBF 4%, #BDAEC1 86%);

 

HEX #C0AEBF zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0AEBF 7%, #BDAEC1 98%);

 

HEX #BDAEC1 zu HEX #C0AEBB


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 10%, #C0AEBB 98%);

 

HEX #BDAEC1 zu HEX #C0AEBB


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 5%, #C0AEBB 90%);

 

HEX #C0AEBB zu HEX #BDAEC1


CSS-Code:

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

 

HEX #C0AEBB zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0AEBB 14%, #BDAEC1 90%);

Linear

HEX #BDAEC1 zu HEX #A997AE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 1%, #A997AE 99%);

Radial

HEX #BDAEC1 zu HEX #A997AE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 5%, #A997AE 91%);

 

HEX #A997AE zu HEX #BDAEC1


CSS-Code:

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

 

HEX #A997AE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #A997AE 8%, #BDAEC1 93%);

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 3%, #BCAEC0 89%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #BCAEC0 4%, #BDAEC1 90%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #BCAEC0 7%, #BDAEC1 100%);

 

HEX #BDAEC1 zu HEX #D0C5D2


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 8%, #D0C5D2 100%);

 

HEX #BDAEC1 zu HEX #D0C5D2


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 4%, #D0C5D2 93%);

 

HEX #D0C5D2 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #D0C5D2 0%, #BDAEC1 88%);

 

HEX #D0C5D2 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #D0C5D2 4%, #BDAEC1 88%);

 

HEX #BDAEC1 zu HEX #E3DCE4


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #E3DCE4


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 9%, #E3DCE4 99%);

 

HEX #E3DCE4 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #E3DCE4 8%, #BDAEC1 91%);

 

HEX #E3DCE4 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #E3DCE4 10%, #BDAEC1 95%);

Linear

HEX #BDAEC1 zu HEX #B7AEC0


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 2%, #B7AEC0 93%);

Radial

HEX #BDAEC1 zu HEX #B7AEC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 13%, #B7AEC0 98%);

 

HEX #B7AEC0 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #B7AEC0 3%, #BDAEC1 96%);

 

HEX #B7AEC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #B7AEC0 5%, #BDAEC1 89%);

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 11%, #BCAEC0 95%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #BCAEC0 7%, #BDAEC1 88%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #BCAEC0 11%, #BDAEC1 90%);

 

HEX #BDAEC1 zu HEX #C0AEBF


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #C0AEBF


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 5%, #C0AEBF 93%);

 

HEX #C0AEBF zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #C0AEBF 1%, #BDAEC1 86%);

 

HEX #C0AEBF zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0AEBF 7%, #BDAEC1 89%);

 

HEX #BDAEC1 zu HEX #C0AEBB


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 8%, #C0AEBB 87%);

 

HEX #BDAEC1 zu HEX #C0AEBB


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 12%, #C0AEBB 95%);

 

HEX #C0AEBB zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #C0AEBB 13%, #BDAEC1 100%);

 

HEX #C0AEBB zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0AEBB 10%, #BDAEC1 88%);

Linear

HEX #BDAEC1 zu HEX #A997AE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 3%, #A997AE 91%);

Radial

HEX #BDAEC1 zu HEX #A997AE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 1%, #A997AE 89%);

 

HEX #A997AE zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #A997AE 2%, #BDAEC1 93%);

 

HEX #A997AE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #A997AE 10%, #BDAEC1 95%);

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #BCAEC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 13%, #BCAEC0 90%);

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

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

 

HEX #BCAEC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #BCAEC0 9%, #BDAEC1 88%);

 

HEX #BDAEC1 zu HEX #D0C5D2


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 7%, #D0C5D2 98%);

 

HEX #BDAEC1 zu HEX #D0C5D2


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 9%, #D0C5D2 92%);

 

HEX #D0C5D2 zu HEX #BDAEC1


CSS-Code:

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

 

HEX #D0C5D2 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #D0C5D2 4%, #BDAEC1 86%);

 

HEX #BDAEC1 zu HEX #E3DCE4


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 10%, #E3DCE4 96%);

 

HEX #BDAEC1 zu HEX #E3DCE4


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 7%, #E3DCE4 92%);

 

HEX #E3DCE4 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #E3DCE4 14%, #BDAEC1 98%);

 

HEX #E3DCE4 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #E3DCE4 13%, #BDAEC1 91%);

Linear

HEX #BDAEC1 zu HEX #C0AEAE


CSS-Code:

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

Radial

HEX #BDAEC1 zu HEX #C0AEAE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 10%, #C0AEAE 99%);

 

HEX #C0AEAE zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #C0AEAE 10%, #BDAEC1 86%);

 

HEX #C0AEAE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0AEAE 13%, #BDAEC1 95%);

 

HEX #BDAEC1 zu HEX #AEC0B5


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 2%, #AEC0B5 98%);

 

HEX #BDAEC1 zu HEX #AEC0B5


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 10%, #AEC0B5 93%);

 

HEX #AEC0B5 zu HEX #BDAEC1


CSS-Code:

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

 

HEX #AEC0B5 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #AEC0B5 0%, #BDAEC1 96%);

Linear

HEX #BDAEC1 zu HEX #C0BCAE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 7%, #C0BCAE 94%);

Radial

HEX #BDAEC1 zu HEX #C0BCAE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 8%, #C0BCAE 87%);

 

HEX #C0BCAE zu HEX #BDAEC1


CSS-Code:

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

 

HEX #C0BCAE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0BCAE 3%, #BDAEC1 93%);

 

HEX #BDAEC1 zu HEX #AEC0BC


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 4%, #AEC0BC 91%);

 

HEX #BDAEC1 zu HEX #AEC0BC


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 3%, #AEC0BC 94%);

 

HEX #AEC0BC zu HEX #BDAEC1


CSS-Code:

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

 

HEX #AEC0BC zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #AEC0BC 2%, #BDAEC1 99%);

Linear

HEX #BDAEC1 zu HEX #C0AEAE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 14%, #C0AEAE 97%);

Radial

HEX #BDAEC1 zu HEX #C0AEAE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 12%, #C0AEAE 91%);

 

HEX #C0AEAE zu HEX #BDAEC1


CSS-Code:

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

 

HEX #C0AEAE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0AEAE 5%, #BDAEC1 89%);

 

HEX #BDAEC1 zu HEX #B2C0AE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 14%, #B2C0AE 98%);

 

HEX #BDAEC1 zu HEX #B2C0AE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 14%, #B2C0AE 95%);

 

HEX #B2C0AE zu HEX #BDAEC1


CSS-Code:

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

 

HEX #B2C0AE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #B2C0AE 14%, #BDAEC1 87%);

 

HEX #BDAEC1 zu HEX #AEC0C0


CSS-Code:

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

 

HEX #BDAEC1 zu HEX #AEC0C0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 11%, #AEC0C0 98%);

 

HEX #AEC0C0 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #AEC0C0 0%, #BDAEC1 88%);

 

HEX #AEC0C0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #AEC0C0 7%, #BDAEC1 97%);

Linear

HEX #BDAEC1 zu HEX #C0B3AE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 2%, #C0B3AE 96%);

Radial

HEX #BDAEC1 zu HEX #C0B3AE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 11%, #C0B3AE 96%);

 

HEX #C0B3AE zu HEX #BDAEC1


CSS-Code:

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

 

HEX #C0B3AE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #C0B3AE 6%, #BDAEC1 94%);

 

HEX #BDAEC1 zu HEX #B2C0AE


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 10%, #B2C0AE 96%);

 

HEX #BDAEC1 zu HEX #B2C0AE


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 11%, #B2C0AE 95%);

 

HEX #B2C0AE zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #B2C0AE 11%, #BDAEC1 100%);

 

HEX #B2C0AE zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #B2C0AE 12%, #BDAEC1 86%);

 

HEX #BDAEC1 zu HEX #AEBBC0


CSS-Code:

background-image: linear-gradient(135deg, #BDAEC1 2%, #AEBBC0 100%);

 

HEX #BDAEC1 zu HEX #AEBBC0


CSS-Code:

background-image: radial-gradient(circle, #BDAEC1 3%, #AEBBC0 93%);

 

HEX #AEBBC0 zu HEX #BDAEC1


CSS-Code:

background-image: linear-gradient(135deg, #AEBBC0 13%, #BDAEC1 96%);

 

HEX #AEBBC0 zu HEX #BDAEC1


CSS-Code:

background-image: radial-gradient(circle, #AEBBC0 10%, #BDAEC1 98%);

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
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 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 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 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 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 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 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 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)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

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-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de