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

CSS Gradienten:
RGB 186 251 207

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BAFBCF zu HEX #450430


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 12%, #450430 98%);

Radial

HEX #BAFBCF zu HEX #450430


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 3%, #450430 100%);

 

HEX #450430 zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #450430 12%, #BAFBCF 98%);

 

HEX #450430 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #450430 4%, #BAFBCF 87%);

Linear

HEX #BAFBCF zu HEX #D0FFDD


CSS-Code:

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

Radial

HEX #BAFBCF zu HEX #D0FFDD


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 14%, #D0FFDD 87%);

 

HEX #D0FFDD zu HEX #BAFBCF


CSS-Code:

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

 

HEX #D0FFDD zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #D0FFDD 12%, #BAFBCF 99%);

 

HEX #BAFBCF zu HEX #E1FFF0


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 6%, #E1FFF0 94%);

 

HEX #BAFBCF zu HEX #E1FFF0


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 13%, #E1FFF0 100%);

 

HEX #E1FFF0 zu HEX #BAFBCF


CSS-Code:

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

 

HEX #E1FFF0 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #E1FFF0 10%, #BAFBCF 88%);

 

HEX #BAFBCF zu HEX #F2FFFF


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 6%, #F2FFFF 86%);

 

HEX #BAFBCF zu HEX #F2FFFF


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 7%, #F2FFFF 100%);

 

HEX #F2FFFF zu HEX #BAFBCF


CSS-Code:

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

 

HEX #F2FFFF zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #F2FFFF 2%, #BAFBCF 98%);

Linear

HEX #BAFBCF zu HEX #A9E9BC


CSS-Code:

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

Radial

HEX #BAFBCF zu HEX #A9E9BC


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 10%, #A9E9BC 88%);

 

HEX #A9E9BC zu HEX #BAFBCF


CSS-Code:

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

 

HEX #A9E9BC zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #A9E9BC 7%, #BAFBCF 93%);

 

HEX #BAFBCF zu HEX #98D7A9


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 13%, #98D7A9 92%);

 

HEX #BAFBCF zu HEX #98D7A9


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 14%, #98D7A9 92%);

 

HEX #98D7A9 zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #98D7A9 8%, #BAFBCF 100%);

 

HEX #98D7A9 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #98D7A9 11%, #BAFBCF 86%);

 

HEX #BAFBCF zu HEX #87C596


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 12%, #87C596 90%);

 

HEX #BAFBCF zu HEX #87C596


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 1%, #87C596 88%);

 

HEX #87C596 zu HEX #BAFBCF


CSS-Code:

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

 

HEX #87C596 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #87C596 5%, #BAFBCF 88%);

 

HEX #BAFBCF zu HEX #76B383


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 1%, #76B383 98%);

 

HEX #BAFBCF zu HEX #76B383


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 3%, #76B383 95%);

 

HEX #76B383 zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #76B383 6%, #BAFBCF 97%);

 

HEX #76B383 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #76B383 11%, #BAFBCF 95%);

Linear

HEX #BAFBCF zu HEX #BBFBDA


CSS-Code:

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

Radial

HEX #BAFBCF zu HEX #BBFBDA


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 12%, #BBFBDA 100%);

 

HEX #BBFBDA zu HEX #BAFBCF


CSS-Code:

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

 

HEX #BBFBDA zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBFBDA 2%, #BAFBCF 87%);

 

HEX #BAFBCF zu HEX #BBFBE4


CSS-Code:

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

 

HEX #BAFBCF zu HEX #BBFBE4


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 9%, #BBFBE4 88%);

 

HEX #BBFBE4 zu HEX #BAFBCF


CSS-Code:

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

 

HEX #BBFBE4 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBFBE4 5%, #BAFBCF 87%);

 

HEX #BAFBCF zu HEX #BBFBEF


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 0%, #BBFBEF 99%);

 

HEX #BAFBCF zu HEX #BBFBEF


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 0%, #BBFBEF 87%);

 

HEX #BBFBEF zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #BBFBEF 12%, #BAFBCF 99%);

 

HEX #BBFBEF zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBFBEF 1%, #BAFBCF 86%);

 

HEX #BAFBCF zu HEX #BBFBFA


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 6%, #BBFBFA 86%);

 

HEX #BAFBCF zu HEX #BBFBFA


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 7%, #BBFBFA 86%);

 

HEX #BBFBFA zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #BBFBFA 6%, #BAFBCF 88%);

 

HEX #BBFBFA zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBFBFA 1%, #BAFBCF 97%);

Linear

HEX #BAFBCF zu HEX #232F27


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 3%, #232F27 87%);

Radial

HEX #BAFBCF zu HEX #232F27


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 4%, #232F27 95%);

 

HEX #232F27 zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #232F27 12%, #BAFBCF 88%);

 

HEX #232F27 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #232F27 9%, #BAFBCF 90%);

 

HEX #BAFBCF zu HEX #496251


CSS-Code:

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

 

HEX #BAFBCF zu HEX #496251


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 13%, #496251 100%);

 

HEX #496251 zu HEX #BAFBCF


CSS-Code:

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

 

HEX #496251 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #496251 12%, #BAFBCF 86%);

 

HEX #BAFBCF zu HEX #6E957B


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 11%, #6E957B 100%);

 

HEX #BAFBCF zu HEX #6E957B


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 8%, #6E957B 98%);

 

HEX #6E957B zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #6E957B 4%, #BAFBCF 87%);

 

HEX #6E957B zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #6E957B 5%, #BAFBCF 94%);

 

HEX #BAFBCF zu HEX #94C8A5


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 0%, #94C8A5 96%);

 

HEX #BAFBCF zu HEX #94C8A5


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 11%, #94C8A5 88%);

 

HEX #94C8A5 zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #94C8A5 4%, #BAFBCF 90%);

 

HEX #94C8A5 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #94C8A5 12%, #BAFBCF 94%);

Linear

HEX #BAFBCF zu HEX #BBDAFB


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 6%, #BBDAFB 99%);

Radial

HEX #BAFBCF zu HEX #BBDAFB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 7%, #BBDAFB 91%);

 

HEX #BBDAFB zu HEX #BAFBCF


CSS-Code:

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

 

HEX #BBDAFB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBDAFB 5%, #BAFBCF 98%);

 

HEX #BAFBCF zu HEX #FBBBC0


CSS-Code:

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

 

HEX #BAFBCF zu HEX #FBBBC0


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 12%, #FBBBC0 90%);

 

HEX #FBBBC0 zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #FBBBC0 3%, #BAFBCF 86%);

 

HEX #FBBBC0 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #FBBBC0 7%, #BAFBCF 100%);

Linear

HEX #BAFBCF zu HEX #CFBBFB


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 13%, #CFBBFB 91%);

Radial

HEX #BAFBCF zu HEX #CFBBFB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 14%, #CFBBFB 94%);

 

HEX #CFBBFB zu HEX #BAFBCF


CSS-Code:

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

 

HEX #CFBBFB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #CFBBFB 14%, #BAFBCF 86%);

 

HEX #BAFBCF zu HEX #FBCFBB


CSS-Code:

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

 

HEX #BAFBCF zu HEX #FBCFBB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 0%, #FBCFBB 88%);

 

HEX #FBCFBB zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #FBCFBB 5%, #BAFBCF 87%);

 

HEX #FBCFBB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #FBCFBB 2%, #BAFBCF 90%);

Linear

HEX #BAFBCF zu HEX #BBDAFB


CSS-Code:

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

Radial

HEX #BAFBCF zu HEX #BBDAFB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 4%, #BBDAFB 89%);

 

HEX #BBDAFB zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #BBDAFB 5%, #BAFBCF 91%);

 

HEX #BBDAFB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBDAFB 0%, #BAFBCF 93%);

 

HEX #BAFBCF zu HEX #FBBBE6


CSS-Code:

background-image: linear-gradient(135deg, #BAFBCF 6%, #FBBBE6 99%);

 

HEX #BAFBCF zu HEX #FBBBE6


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 5%, #FBBBE6 92%);

 

HEX #FBBBE6 zu HEX #BAFBCF


CSS-Code:

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

 

HEX #FBBBE6 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #FBBBE6 3%, #BAFBCF 89%);

 

HEX #BAFBCF zu HEX #FBDCBB


CSS-Code:

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

 

HEX #BAFBCF zu HEX #FBDCBB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 7%, #FBDCBB 100%);

 

HEX #FBDCBB zu HEX #BAFBCF


CSS-Code:

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

 

HEX #FBDCBB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #FBDCBB 1%, #BAFBCF 88%);

Linear

HEX #BAFBCF zu HEX #BBC7FB


CSS-Code:

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

Radial

HEX #BAFBCF zu HEX #BBC7FB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 6%, #BBC7FB 90%);

 

HEX #BBC7FB zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #BBC7FB 12%, #BAFBCF 99%);

 

HEX #BBC7FB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #BBC7FB 1%, #BAFBCF 93%);

 

HEX #BAFBCF zu HEX #FBBBE6


CSS-Code:

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

 

HEX #BAFBCF zu HEX #FBBBE6


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 2%, #FBBBE6 96%);

 

HEX #FBBBE6 zu HEX #BAFBCF


CSS-Code:

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

 

HEX #FBBBE6 zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #FBBBE6 8%, #BAFBCF 89%);

 

HEX #BAFBCF zu HEX #FBEFBB


CSS-Code:

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

 

HEX #BAFBCF zu HEX #FBEFBB


CSS-Code:

background-image: radial-gradient(circle, #BAFBCF 3%, #FBEFBB 92%);

 

HEX #FBEFBB zu HEX #BAFBCF


CSS-Code:

background-image: linear-gradient(135deg, #FBEFBB 2%, #BAFBCF 94%);

 

HEX #FBEFBB zu HEX #BAFBCF


CSS-Code:

background-image: radial-gradient(circle, #FBEFBB 6%, #BAFBCF 95%);

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.