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

✕

CSS Gradienten:
#BEC9CB

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 190 Rot, 201 Grün und 203 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.
190 201 203 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 6 Cyan, 1 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.
6% 1% 0% 20% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BEC9CB zu HEX #413634


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 5%, #413634 99%);

Radial

HEX #BEC9CB zu HEX #413634


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 4%, #413634 98%);

 

HEX #413634 zu HEX #BEC9CB


CSS-Code:

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

 

HEX #413634 zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #413634 3%, #BEC9CB 95%);

Linear

HEX #BEC9CB zu HEX #BDCAC9


CSS-Code:

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

Radial

HEX #BEC9CB zu HEX #BDCAC9


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 4%, #BDCAC9 95%);

 

HEX #BDCAC9 zu HEX #BEC9CB


CSS-Code:

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

 

HEX #BDCAC9 zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDCAC9 12%, #BEC9CB 88%);

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

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

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 10%, #BDC8CA 97%);

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #BDC8CA 0%, #BEC9CB 97%);

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC8CA 12%, #BEC9CB 98%);

 

HEX #BEC9CB zu HEX #BDC5CA


CSS-Code:

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

 

HEX #BEC9CB zu HEX #BDC5CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 3%, #BDC5CA 98%);

 

HEX #BDC5CA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #BDC5CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC5CA 6%, #BEC9CB 93%);

 

HEX #BEC9CB zu HEX #BDC1CA


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 0%, #BDC1CA 92%);

 

HEX #BEC9CB zu HEX #BDC1CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 2%, #BDC1CA 100%);

 

HEX #BDC1CA zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #BDC1CA 6%, #BEC9CB 90%);

 

HEX #BDC1CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC1CA 14%, #BEC9CB 99%);

Linear

HEX #BEC9CB zu HEX #A6B5B8


CSS-Code:

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

Radial

HEX #BEC9CB zu HEX #A6B5B8


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 10%, #A6B5B8 96%);

 

HEX #A6B5B8 zu HEX #BEC9CB


CSS-Code:

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

 

HEX #A6B5B8 zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #A6B5B8 12%, #BEC9CB 90%);

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 14%, #BDC8CA 94%);

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 11%, #BDC8CA 98%);

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC8CA 0%, #BEC9CB 90%);

 

HEX #BEC9CB zu HEX #D4DBDD


CSS-Code:

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

 

HEX #BEC9CB zu HEX #D4DBDD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 4%, #D4DBDD 96%);

 

HEX #D4DBDD zu HEX #BEC9CB


CSS-Code:

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

 

HEX #D4DBDD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #D4DBDD 5%, #BEC9CB 100%);

 

HEX #BEC9CB zu HEX #EBEEEF


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 6%, #EBEEEF 96%);

 

HEX #BEC9CB zu HEX #EBEEEF


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 8%, #EBEEEF 97%);

 

HEX #EBEEEF zu HEX #BEC9CB


CSS-Code:

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

 

HEX #EBEEEF zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #EBEEEF 2%, #BEC9CB 88%);

Linear

HEX #BEC9CB zu HEX #BDCAC9


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 7%, #BDCAC9 100%);

Radial

HEX #BEC9CB zu HEX #BDCAC9


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 2%, #BDCAC9 88%);

 

HEX #BDCAC9 zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #BDCAC9 13%, #BEC9CB 88%);

 

HEX #BDCAC9 zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDCAC9 4%, #BEC9CB 99%);

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

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

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 1%, #BDC8CA 86%);

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC8CA 7%, #BEC9CB 100%);

 

HEX #BEC9CB zu HEX #BDC5CA


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 0%, #BDC5CA 95%);

 

HEX #BEC9CB zu HEX #BDC5CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 8%, #BDC5CA 100%);

 

HEX #BDC5CA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #BDC5CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC5CA 10%, #BEC9CB 98%);

 

HEX #BEC9CB zu HEX #BDC1CA


CSS-Code:

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

 

HEX #BEC9CB zu HEX #BDC1CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 12%, #BDC1CA 98%);

 

HEX #BDC1CA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #BDC1CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC1CA 4%, #BEC9CB 92%);

Linear

HEX #BEC9CB zu HEX #A6B5B8


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 9%, #A6B5B8 89%);

Radial

HEX #BEC9CB zu HEX #A6B5B8


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 6%, #A6B5B8 88%);

 

HEX #A6B5B8 zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #A6B5B8 7%, #BEC9CB 96%);

 

HEX #A6B5B8 zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #A6B5B8 10%, #BEC9CB 95%);

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 10%, #BDC8CA 88%);

 

HEX #BEC9CB zu HEX #BDC8CA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 11%, #BDC8CA 92%);

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #BDC8CA 3%, #BEC9CB 95%);

 

HEX #BDC8CA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #BDC8CA 12%, #BEC9CB 94%);

 

HEX #BEC9CB zu HEX #D4DBDD


CSS-Code:

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

 

HEX #BEC9CB zu HEX #D4DBDD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 8%, #D4DBDD 95%);

 

HEX #D4DBDD zu HEX #BEC9CB


CSS-Code:

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

 

HEX #D4DBDD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #D4DBDD 3%, #BEC9CB 92%);

 

HEX #BEC9CB zu HEX #EBEEEF


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 12%, #EBEEEF 94%);

 

HEX #BEC9CB zu HEX #EBEEEF


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 2%, #EBEEEF 99%);

 

HEX #EBEEEF zu HEX #BEC9CB


CSS-Code:

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

 

HEX #EBEEEF zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #EBEEEF 11%, #BEC9CB 86%);

Linear

HEX #BEC9CB zu HEX #C2BDCA


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 4%, #C2BDCA 88%);

Radial

HEX #BEC9CB zu HEX #C2BDCA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 7%, #C2BDCA 89%);

 

HEX #C2BDCA zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #C2BDCA 2%, #BEC9CB 90%);

 

HEX #C2BDCA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #C2BDCA 4%, #BEC9CB 93%);

 

HEX #BEC9CB zu HEX #CAC7BD


CSS-Code:

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

 

HEX #BEC9CB zu HEX #CAC7BD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 13%, #CAC7BD 90%);

 

HEX #CAC7BD zu HEX #BEC9CB


CSS-Code:

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

 

HEX #CAC7BD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #CAC7BD 10%, #BEC9CB 90%);

Linear

HEX #BEC9CB zu HEX #CABDC8


CSS-Code:

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

Radial

HEX #BEC9CB zu HEX #CABDC8


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 7%, #CABDC8 100%);

 

HEX #CABDC8 zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #CABDC8 1%, #BEC9CB 98%);

 

HEX #CABDC8 zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #CABDC8 9%, #BEC9CB 99%);

 

HEX #BEC9CB zu HEX #C8CABD


CSS-Code:

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

 

HEX #BEC9CB zu HEX #C8CABD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 13%, #C8CABD 94%);

 

HEX #C8CABD zu HEX #BEC9CB


CSS-Code:

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

 

HEX #C8CABD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #C8CABD 5%, #BEC9CB 93%);

Linear

HEX #BEC9CB zu HEX #C2BDCA


CSS-Code:

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

Radial

HEX #BEC9CB zu HEX #C2BDCA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 9%, #C2BDCA 86%);

 

HEX #C2BDCA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #C2BDCA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #C2BDCA 10%, #BEC9CB 88%);

 

HEX #BEC9CB zu HEX #CABFBD


CSS-Code:

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

 

HEX #BEC9CB zu HEX #CABFBD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 13%, #CABFBD 94%);

 

HEX #CABFBD zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #CABFBD 10%, #BEC9CB 93%);

 

HEX #CABFBD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #CABFBD 10%, #BEC9CB 96%);

 

HEX #BEC9CB zu HEX #C6CABD


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 14%, #C6CABD 95%);

 

HEX #BEC9CB zu HEX #C6CABD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 2%, #C6CABD 100%);

 

HEX #C6CABD zu HEX #BEC9CB


CSS-Code:

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

 

HEX #C6CABD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #C6CABD 4%, #BEC9CB 93%);

Linear

HEX #BEC9CB zu HEX #C6BDCA


CSS-Code:

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

Radial

HEX #BEC9CB zu HEX #C6BDCA


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 3%, #C6BDCA 88%);

 

HEX #C6BDCA zu HEX #BEC9CB


CSS-Code:

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

 

HEX #C6BDCA zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #C6BDCA 4%, #BEC9CB 87%);

 

HEX #BEC9CB zu HEX #CABFBD


CSS-Code:

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

 

HEX #BEC9CB zu HEX #CABFBD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 8%, #CABFBD 95%);

 

HEX #CABFBD zu HEX #BEC9CB


CSS-Code:

background-image: linear-gradient(135deg, #CABFBD 14%, #BEC9CB 88%);

 

HEX #CABFBD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #CABFBD 2%, #BEC9CB 89%);

 

HEX #BEC9CB zu HEX #C2CABD


CSS-Code:

background-image: linear-gradient(135deg, #BEC9CB 5%, #C2CABD 97%);

 

HEX #BEC9CB zu HEX #C2CABD


CSS-Code:

background-image: radial-gradient(circle, #BEC9CB 1%, #C2CABD 88%);

 

HEX #C2CABD zu HEX #BEC9CB


CSS-Code:

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

 

HEX #C2CABD zu HEX #BEC9CB


CSS-Code:

background-image: radial-gradient(circle, #C2CABD 13%, #BEC9CB 97%);

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