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

✕

CSS Gradienten:
#BCF9F2

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BCF9F2 zu HEX #43060D


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 0%, #43060D 91%);

Radial

HEX #BCF9F2 zu HEX #43060D


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 11%, #43060D 94%);

 

HEX #43060D zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #43060D 8%, #BCF9F2 100%);

 

HEX #43060D zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #43060D 10%, #BCF9F2 89%);

Linear

HEX #BCF9F2 zu HEX #D2FFFF


CSS-Code:

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

Radial

HEX #BCF9F2 zu HEX #D2FFFF


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 3%, #D2FFFF 89%);

 

HEX #D2FFFF zu HEX #BCF9F2


CSS-Code:

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

 

HEX #D2FFFF zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #D2FFFF 13%, #BCF9F2 86%);

 

HEX #BCF9F2 zu HEX #E3FFFF


CSS-Code:

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

 

HEX #BCF9F2 zu HEX #E3FFFF


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 8%, #E3FFFF 98%);

 

HEX #E3FFFF zu HEX #BCF9F2


CSS-Code:

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

 

HEX #E3FFFF zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #E3FFFF 9%, #BCF9F2 98%);

 

HEX #BCF9F2 zu HEX #F4FFFF


CSS-Code:

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

 

HEX #BCF9F2 zu HEX #F4FFFF


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 2%, #F4FFFF 91%);

 

HEX #F4FFFF zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #F4FFFF 0%, #BCF9F2 89%);

 

HEX #F4FFFF zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F4FFFF 1%, #BCF9F2 89%);

Linear

HEX #BCF9F2 zu HEX #ABE7DF


CSS-Code:

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

Radial

HEX #BCF9F2 zu HEX #ABE7DF


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 7%, #ABE7DF 91%);

 

HEX #ABE7DF zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #ABE7DF 8%, #BCF9F2 93%);

 

HEX #ABE7DF zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #ABE7DF 2%, #BCF9F2 95%);

 

HEX #BCF9F2 zu HEX #9AD5CC


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 13%, #9AD5CC 88%);

 

HEX #BCF9F2 zu HEX #9AD5CC


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 11%, #9AD5CC 96%);

 

HEX #9AD5CC zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #9AD5CC 4%, #BCF9F2 91%);

 

HEX #9AD5CC zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #9AD5CC 8%, #BCF9F2 86%);

 

HEX #BCF9F2 zu HEX #89C3B9


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 11%, #89C3B9 89%);

 

HEX #BCF9F2 zu HEX #89C3B9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 1%, #89C3B9 90%);

 

HEX #89C3B9 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #89C3B9 2%, #BCF9F2 88%);

 

HEX #89C3B9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #89C3B9 8%, #BCF9F2 89%);

 

HEX #BCF9F2 zu HEX #78B1A6


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 7%, #78B1A6 95%);

 

HEX #BCF9F2 zu HEX #78B1A6


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 10%, #78B1A6 91%);

 

HEX #78B1A6 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #78B1A6 3%, #BCF9F2 89%);

 

HEX #78B1A6 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #78B1A6 13%, #BCF9F2 93%);

Linear

HEX #BCF9F2 zu HEX #BDF6F9


CSS-Code:

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

Radial

HEX #BCF9F2 zu HEX #BDF6F9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 10%, #BDF6F9 86%);

 

HEX #BDF6F9 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #BDF6F9 4%, #BCF9F2 89%);

 

HEX #BDF6F9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #BDF6F9 9%, #BCF9F2 87%);

 

HEX #BCF9F2 zu HEX #BDECF9


CSS-Code:

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

 

HEX #BCF9F2 zu HEX #BDECF9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 10%, #BDECF9 98%);

 

HEX #BDECF9 zu HEX #BCF9F2


CSS-Code:

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

 

HEX #BDECF9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #BDECF9 5%, #BCF9F2 96%);

 

HEX #BCF9F2 zu HEX #BDE2F9


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 0%, #BDE2F9 91%);

 

HEX #BCF9F2 zu HEX #BDE2F9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 9%, #BDE2F9 99%);

 

HEX #BDE2F9 zu HEX #BCF9F2


CSS-Code:

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

 

HEX #BDE2F9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #BDE2F9 6%, #BCF9F2 91%);

 

HEX #BCF9F2 zu HEX #BDD8F9


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 6%, #BDD8F9 95%);

 

HEX #BCF9F2 zu HEX #BDD8F9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 8%, #BDD8F9 86%);

 

HEX #BDD8F9 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #BDD8F9 9%, #BCF9F2 94%);

 

HEX #BDD8F9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #BDD8F9 6%, #BCF9F2 100%);

Linear

HEX #BCF9F2 zu HEX #222D2C


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 9%, #222D2C 93%);

Radial

HEX #BCF9F2 zu HEX #222D2C


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 4%, #222D2C 99%);

 

HEX #222D2C zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #222D2C 2%, #BCF9F2 88%);

 

HEX #222D2C zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #222D2C 9%, #BCF9F2 86%);

 

HEX #BCF9F2 zu HEX #48605D


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 9%, #48605D 86%);

 

HEX #BCF9F2 zu HEX #48605D


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 0%, #48605D 95%);

 

HEX #48605D zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #48605D 6%, #BCF9F2 90%);

 

HEX #48605D zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #48605D 6%, #BCF9F2 100%);

 

HEX #BCF9F2 zu HEX #6F938F


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 11%, #6F938F 93%);

 

HEX #BCF9F2 zu HEX #6F938F


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 13%, #6F938F 94%);

 

HEX #6F938F zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #6F938F 2%, #BCF9F2 94%);

 

HEX #6F938F zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #6F938F 2%, #BCF9F2 86%);

 

HEX #BCF9F2 zu HEX #95C6C0


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 10%, #95C6C0 92%);

 

HEX #BCF9F2 zu HEX #95C6C0


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 3%, #95C6C0 92%);

 

HEX #95C6C0 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #95C6C0 3%, #BCF9F2 93%);

 

HEX #95C6C0 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #95C6C0 5%, #BCF9F2 96%);

Linear

HEX #BCF9F2 zu HEX #C2BDF9


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 11%, #C2BDF9 99%);

Radial

HEX #BCF9F2 zu HEX #C2BDF9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 9%, #C2BDF9 98%);

 

HEX #C2BDF9 zu HEX #BCF9F2


CSS-Code:

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

 

HEX #C2BDF9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #C2BDF9 4%, #BCF9F2 90%);

 

HEX #BCF9F2 zu HEX #F9DABD


CSS-Code:

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

 

HEX #BCF9F2 zu HEX #F9DABD


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 5%, #F9DABD 94%);

 

HEX #F9DABD zu HEX #BCF9F2


CSS-Code:

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

 

HEX #F9DABD zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F9DABD 12%, #BCF9F2 91%);

Linear

HEX #BCF9F2 zu HEX #F2BDF9


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 2%, #F2BDF9 89%);

Radial

HEX #BCF9F2 zu HEX #F2BDF9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 1%, #F2BDF9 96%);

 

HEX #F2BDF9 zu HEX #BCF9F2


CSS-Code:

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

 

HEX #F2BDF9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F2BDF9 10%, #BCF9F2 87%);

 

HEX #BCF9F2 zu HEX #F9F2BD


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 0%, #F9F2BD 98%);

 

HEX #BCF9F2 zu HEX #F9F2BD


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 5%, #F9F2BD 97%);

 

HEX #F9F2BD zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #F9F2BD 11%, #BCF9F2 87%);

 

HEX #F9F2BD zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F9F2BD 2%, #BCF9F2 100%);

Linear

HEX #BCF9F2 zu HEX #C2BDF9


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 4%, #C2BDF9 96%);

Radial

HEX #BCF9F2 zu HEX #C2BDF9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 13%, #C2BDF9 100%);

 

HEX #C2BDF9 zu HEX #BCF9F2


CSS-Code:

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

 

HEX #C2BDF9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #C2BDF9 4%, #BCF9F2 90%);

 

HEX #BCF9F2 zu HEX #F9BDC4


CSS-Code:

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

 

HEX #BCF9F2 zu HEX #F9BDC4


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 3%, #F9BDC4 95%);

 

HEX #F9BDC4 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #F9BDC4 3%, #BCF9F2 97%);

 

HEX #F9BDC4 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F9BDC4 0%, #BCF9F2 92%);

 

HEX #BCF9F2 zu HEX #F4F9BD


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 2%, #F4F9BD 95%);

 

HEX #BCF9F2 zu HEX #F4F9BD


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 13%, #F4F9BD 98%);

 

HEX #F4F9BD zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #F4F9BD 1%, #BCF9F2 93%);

 

HEX #F4F9BD zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F4F9BD 4%, #BCF9F2 92%);

Linear

HEX #BCF9F2 zu HEX #D4BDF9


CSS-Code:

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

Radial

HEX #BCF9F2 zu HEX #D4BDF9


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 0%, #D4BDF9 86%);

 

HEX #D4BDF9 zu HEX #BCF9F2


CSS-Code:

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

 

HEX #D4BDF9 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #D4BDF9 6%, #BCF9F2 88%);

 

HEX #BCF9F2 zu HEX #F9BDC4


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 1%, #F9BDC4 89%);

 

HEX #BCF9F2 zu HEX #F9BDC4


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 9%, #F9BDC4 98%);

 

HEX #F9BDC4 zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #F9BDC4 14%, #BCF9F2 89%);

 

HEX #F9BDC4 zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #F9BDC4 13%, #BCF9F2 96%);

 

HEX #BCF9F2 zu HEX #E2F9BD


CSS-Code:

background-image: linear-gradient(135deg, #BCF9F2 0%, #E2F9BD 91%);

 

HEX #BCF9F2 zu HEX #E2F9BD


CSS-Code:

background-image: radial-gradient(circle, #BCF9F2 8%, #E2F9BD 95%);

 

HEX #E2F9BD zu HEX #BCF9F2


CSS-Code:

background-image: linear-gradient(135deg, #E2F9BD 10%, #BCF9F2 97%);

 

HEX #E2F9BD zu HEX #BCF9F2


CSS-Code:

background-image: radial-gradient(circle, #E2F9BD 1%, #BCF9F2 93%);

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