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

✕

CSS Gradienten:
#766A65

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 gering sind, erscheint uns dieser Farbton dunkler.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #766A65 zu HEX #89959A


CSS-Code:

background-image: linear-gradient(135deg, #766A65 5%, #89959A 87%);

Radial

HEX #766A65 zu HEX #89959A


CSS-Code:

background-image: radial-gradient(circle, #766A65 6%, #89959A 86%);

 

HEX #89959A zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #89959A 14%, #766A65 88%);

 

HEX #89959A zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #89959A 5%, #766A65 99%);

Linear

HEX #766A65 zu HEX #766564


CSS-Code:

background-image: linear-gradient(135deg, #766A65 4%, #766564 91%);

Radial

HEX #766A65 zu HEX #766564


CSS-Code:

background-image: radial-gradient(circle, #766A65 13%, #766564 96%);

 

HEX #766564 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766564 11%, #766A65 100%);

 

HEX #766564 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766564 7%, #766A65 99%);

 

HEX #766A65 zu HEX #766964


CSS-Code:

background-image: linear-gradient(135deg, #766A65 2%, #766964 93%);

 

HEX #766A65 zu HEX #766964


CSS-Code:

background-image: radial-gradient(circle, #766A65 4%, #766964 95%);

 

HEX #766964 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766964 13%, #766A65 91%);

 

HEX #766964 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766964 2%, #766A65 95%);

 

HEX #766A65 zu HEX #766E64


CSS-Code:

background-image: linear-gradient(135deg, #766A65 8%, #766E64 89%);

 

HEX #766A65 zu HEX #766E64


CSS-Code:

background-image: radial-gradient(circle, #766A65 8%, #766E64 99%);

 

HEX #766E64 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766E64 6%, #766A65 90%);

 

HEX #766E64 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766E64 5%, #766A65 100%);

 

HEX #766A65 zu HEX #767364


CSS-Code:

background-image: linear-gradient(135deg, #766A65 4%, #767364 92%);

 

HEX #766A65 zu HEX #767364


CSS-Code:

background-image: radial-gradient(circle, #766A65 0%, #767364 90%);

 

HEX #767364 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #767364 11%, #766A65 96%);

 

HEX #767364 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #767364 14%, #766A65 95%);

Linear

HEX #766A65 zu HEX #605651


CSS-Code:

background-image: linear-gradient(135deg, #766A65 14%, #605651 93%);

Radial

HEX #766A65 zu HEX #605651


CSS-Code:

background-image: radial-gradient(circle, #766A65 4%, #605651 89%);

 

HEX #605651 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #605651 4%, #766A65 99%);

 

HEX #605651 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #605651 14%, #766A65 89%);

 

HEX #766A65 zu HEX #766A64


CSS-Code:

background-image: linear-gradient(135deg, #766A65 8%, #766A64 95%);

 

HEX #766A65 zu HEX #766A64


CSS-Code:

background-image: radial-gradient(circle, #766A65 11%, #766A64 90%);

 

HEX #766A64 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766A64 11%, #766A65 98%);

 

HEX #766A64 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766A64 9%, #766A65 95%);

 

HEX #766A65 zu HEX #8C7E78


CSS-Code:

background-image: linear-gradient(135deg, #766A65 9%, #8C7E78 93%);

 

HEX #766A65 zu HEX #8C7E78


CSS-Code:

background-image: radial-gradient(circle, #766A65 13%, #8C7E78 93%);

 

HEX #8C7E78 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #8C7E78 13%, #766A65 99%);

 

HEX #8C7E78 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #8C7E78 8%, #766A65 95%);

 

HEX #766A65 zu HEX #9F938E


CSS-Code:

background-image: linear-gradient(135deg, #766A65 14%, #9F938E 89%);

 

HEX #766A65 zu HEX #9F938E


CSS-Code:

background-image: radial-gradient(circle, #766A65 5%, #9F938E 91%);

 

HEX #9F938E zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #9F938E 4%, #766A65 95%);

 

HEX #9F938E zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #9F938E 8%, #766A65 89%);

Linear

HEX #766A65 zu HEX #766564


CSS-Code:

background-image: linear-gradient(135deg, #766A65 12%, #766564 87%);

Radial

HEX #766A65 zu HEX #766564


CSS-Code:

background-image: radial-gradient(circle, #766A65 1%, #766564 90%);

 

HEX #766564 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766564 1%, #766A65 96%);

 

HEX #766564 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766564 10%, #766A65 86%);

 

HEX #766A65 zu HEX #766964


CSS-Code:

background-image: linear-gradient(135deg, #766A65 10%, #766964 97%);

 

HEX #766A65 zu HEX #766964


CSS-Code:

background-image: radial-gradient(circle, #766A65 8%, #766964 86%);

 

HEX #766964 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766964 14%, #766A65 99%);

 

HEX #766964 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766964 4%, #766A65 93%);

 

HEX #766A65 zu HEX #766E64


CSS-Code:

background-image: linear-gradient(135deg, #766A65 10%, #766E64 89%);

 

HEX #766A65 zu HEX #766E64


CSS-Code:

background-image: radial-gradient(circle, #766A65 12%, #766E64 89%);

 

HEX #766E64 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766E64 4%, #766A65 99%);

 

HEX #766E64 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766E64 3%, #766A65 97%);

 

HEX #766A65 zu HEX #767364


CSS-Code:

background-image: linear-gradient(135deg, #766A65 3%, #767364 97%);

 

HEX #766A65 zu HEX #767364


CSS-Code:

background-image: radial-gradient(circle, #766A65 11%, #767364 88%);

 

HEX #767364 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #767364 4%, #766A65 98%);

 

HEX #767364 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #767364 14%, #766A65 99%);

Linear

HEX #766A65 zu HEX #605651


CSS-Code:

background-image: linear-gradient(135deg, #766A65 9%, #605651 94%);

Radial

HEX #766A65 zu HEX #605651


CSS-Code:

background-image: radial-gradient(circle, #766A65 13%, #605651 88%);

 

HEX #605651 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #605651 12%, #766A65 87%);

 

HEX #605651 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #605651 6%, #766A65 100%);

 

HEX #766A65 zu HEX #766A64


CSS-Code:

background-image: linear-gradient(135deg, #766A65 7%, #766A64 90%);

 

HEX #766A65 zu HEX #766A64


CSS-Code:

background-image: radial-gradient(circle, #766A65 12%, #766A64 94%);

 

HEX #766A64 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #766A64 10%, #766A65 92%);

 

HEX #766A64 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #766A64 13%, #766A65 100%);

 

HEX #766A65 zu HEX #8C7E78


CSS-Code:

background-image: linear-gradient(135deg, #766A65 8%, #8C7E78 95%);

 

HEX #766A65 zu HEX #8C7E78


CSS-Code:

background-image: radial-gradient(circle, #766A65 2%, #8C7E78 99%);

 

HEX #8C7E78 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #8C7E78 2%, #766A65 91%);

 

HEX #8C7E78 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #8C7E78 13%, #766A65 93%);

 

HEX #766A65 zu HEX #9F938E


CSS-Code:

background-image: linear-gradient(135deg, #766A65 0%, #9F938E 99%);

 

HEX #766A65 zu HEX #9F938E


CSS-Code:

background-image: radial-gradient(circle, #766A65 3%, #9F938E 100%);

 

HEX #9F938E zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #9F938E 10%, #766A65 88%);

 

HEX #9F938E zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #9F938E 6%, #766A65 98%);

Linear

HEX #766A65 zu HEX #6D7664


CSS-Code:

background-image: linear-gradient(135deg, #766A65 14%, #6D7664 86%);

Radial

HEX #766A65 zu HEX #6D7664


CSS-Code:

background-image: radial-gradient(circle, #766A65 10%, #6D7664 92%);

 

HEX #6D7664 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #6D7664 9%, #766A65 86%);

 

HEX #6D7664 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #6D7664 4%, #766A65 93%);

 

HEX #766A65 zu HEX #646676


CSS-Code:

background-image: linear-gradient(135deg, #766A65 14%, #646676 95%);

 

HEX #766A65 zu HEX #646676


CSS-Code:

background-image: radial-gradient(circle, #766A65 6%, #646676 89%);

 

HEX #646676 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #646676 9%, #766A65 90%);

 

HEX #646676 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #646676 5%, #766A65 93%);

Linear

HEX #766A65 zu HEX #647669


CSS-Code:

background-image: linear-gradient(135deg, #766A65 5%, #647669 99%);

Radial

HEX #766A65 zu HEX #647669


CSS-Code:

background-image: radial-gradient(circle, #766A65 12%, #647669 94%);

 

HEX #647669 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #647669 2%, #766A65 98%);

 

HEX #647669 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #647669 7%, #766A65 87%);

 

HEX #766A65 zu HEX #696476


CSS-Code:

background-image: linear-gradient(135deg, #766A65 10%, #696476 98%);

 

HEX #766A65 zu HEX #696476


CSS-Code:

background-image: radial-gradient(circle, #766A65 7%, #696476 96%);

 

HEX #696476 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #696476 13%, #766A65 87%);

 

HEX #696476 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #696476 9%, #766A65 90%);

Linear

HEX #766A65 zu HEX #6D7664


CSS-Code:

background-image: linear-gradient(135deg, #766A65 7%, #6D7664 100%);

Radial

HEX #766A65 zu HEX #6D7664


CSS-Code:

background-image: radial-gradient(circle, #766A65 2%, #6D7664 90%);

 

HEX #6D7664 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #6D7664 14%, #766A65 100%);

 

HEX #6D7664 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #6D7664 5%, #766A65 98%);

 

HEX #766A65 zu HEX #647176


CSS-Code:

background-image: linear-gradient(135deg, #766A65 3%, #647176 96%);

 

HEX #766A65 zu HEX #647176


CSS-Code:

background-image: radial-gradient(circle, #766A65 10%, #647176 94%);

 

HEX #647176 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #647176 13%, #766A65 94%);

 

HEX #647176 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #647176 13%, #766A65 91%);

 

HEX #766A65 zu HEX #6D6476


CSS-Code:

background-image: linear-gradient(135deg, #766A65 4%, #6D6476 89%);

 

HEX #766A65 zu HEX #6D6476


CSS-Code:

background-image: radial-gradient(circle, #766A65 13%, #6D6476 87%);

 

HEX #6D6476 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #6D6476 1%, #766A65 97%);

 

HEX #6D6476 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #6D6476 13%, #766A65 96%);

Linear

HEX #766A65 zu HEX #687664


CSS-Code:

background-image: linear-gradient(135deg, #766A65 13%, #687664 98%);

Radial

HEX #766A65 zu HEX #687664


CSS-Code:

background-image: radial-gradient(circle, #766A65 10%, #687664 100%);

 

HEX #687664 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #687664 0%, #766A65 87%);

 

HEX #687664 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #687664 6%, #766A65 86%);

 

HEX #766A65 zu HEX #647176


CSS-Code:

background-image: linear-gradient(135deg, #766A65 6%, #647176 86%);

 

HEX #766A65 zu HEX #647176


CSS-Code:

background-image: radial-gradient(circle, #766A65 4%, #647176 92%);

 

HEX #647176 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #647176 9%, #766A65 99%);

 

HEX #647176 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #647176 12%, #766A65 91%);

 

HEX #766A65 zu HEX #726476


CSS-Code:

background-image: linear-gradient(135deg, #766A65 13%, #726476 91%);

 

HEX #766A65 zu HEX #726476


CSS-Code:

background-image: radial-gradient(circle, #766A65 7%, #726476 95%);

 

HEX #726476 zu HEX #766A65


CSS-Code:

background-image: linear-gradient(135deg, #726476 10%, #766A65 94%);

 

HEX #726476 zu HEX #766A65


CSS-Code:

background-image: radial-gradient(circle, #726476 6%, #766A65 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