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

✕

CSS Gradienten:
#BCE802

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

Bei dieser Farbe hebt sich Gelb von den anderen Farben ab. Die Werte die für den roten und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des blauen Farbtons. 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, 232 Grün und 2 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 232 2 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 19 Cyan, keine Magenta, 99 Gelb und 9 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.
19% 0% 99% 9% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BCE802 zu HEX #4317FD


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 4%, #4317FD 92%);

Radial

HEX #BCE802 zu HEX #4317FD


CSS-Code:

background-image: radial-gradient(circle, #BCE802 7%, #4317FD 95%);

 

HEX #4317FD zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #4317FD 3%, #BCE802 93%);

 

HEX #4317FD zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #4317FD 6%, #BCE802 87%);

Linear

HEX #BCE802 zu HEX #E8D502


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 4%, #E8D502 94%);

Radial

HEX #BCE802 zu HEX #E8D502


CSS-Code:

background-image: radial-gradient(circle, #BCE802 4%, #E8D502 96%);

 

HEX #E8D502 zu HEX #BCE802


CSS-Code:

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

 

HEX #E8D502 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #E8D502 12%, #BCE802 90%);

 

HEX #BCE802 zu HEX #BEE802


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 8%, #BEE802 97%);

 

HEX #BCE802 zu HEX #BEE802


CSS-Code:

background-image: radial-gradient(circle, #BCE802 0%, #BEE802 97%);

 

HEX #BEE802 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #BEE802 5%, #BCE802 98%);

 

HEX #BEE802 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #BEE802 9%, #BCE802 89%);

 

HEX #BCE802 zu HEX #80E802


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 1%, #80E802 99%);

 

HEX #BCE802 zu HEX #80E802


CSS-Code:

background-image: radial-gradient(circle, #BCE802 8%, #80E802 99%);

 

HEX #80E802 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #80E802 9%, #BCE802 87%);

 

HEX #80E802 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #80E802 14%, #BCE802 87%);

 

HEX #BCE802 zu HEX #43E802


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 3%, #43E802 98%);

 

HEX #BCE802 zu HEX #43E802


CSS-Code:

background-image: radial-gradient(circle, #BCE802 12%, #43E802 98%);

 

HEX #43E802 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #43E802 2%, #BCE802 98%);

 

HEX #43E802 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #43E802 4%, #BCE802 89%);

Linear

HEX #BCE802 zu HEX #9BBF01


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 9%, #9BBF01 87%);

Radial

HEX #BCE802 zu HEX #9BBF01


CSS-Code:

background-image: radial-gradient(circle, #BCE802 13%, #9BBF01 98%);

 

HEX #9BBF01 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #9BBF01 8%, #BCE802 87%);

 

HEX #9BBF01 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #9BBF01 1%, #BCE802 87%);

 

HEX #BCE802 zu HEX #D0FC17


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 3%, #D0FC17 90%);

 

HEX #BCE802 zu HEX #D0FC17


CSS-Code:

background-image: radial-gradient(circle, #BCE802 12%, #D0FC17 91%);

 

HEX #D0FC17 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #D0FC17 11%, #BCE802 86%);

 

HEX #D0FC17 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #D0FC17 7%, #BCE802 100%);

 

HEX #BCE802 zu HEX #D8FD40


CSS-Code:

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

 

HEX #BCE802 zu HEX #D8FD40


CSS-Code:

background-image: radial-gradient(circle, #BCE802 6%, #D8FD40 86%);

 

HEX #D8FD40 zu HEX #BCE802


CSS-Code:

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

 

HEX #D8FD40 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #D8FD40 0%, #BCE802 92%);

Linear

HEX #BCE802 zu HEX #E8D502


CSS-Code:

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

Radial

HEX #BCE802 zu HEX #E8D502


CSS-Code:

background-image: radial-gradient(circle, #BCE802 14%, #E8D502 99%);

 

HEX #E8D502 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #E8D502 7%, #BCE802 89%);

 

HEX #E8D502 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #E8D502 4%, #BCE802 88%);

 

HEX #BCE802 zu HEX #BEE802


CSS-Code:

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

 

HEX #BCE802 zu HEX #BEE802


CSS-Code:

background-image: radial-gradient(circle, #BCE802 12%, #BEE802 97%);

 

HEX #BEE802 zu HEX #BCE802


CSS-Code:

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

 

HEX #BEE802 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #BEE802 5%, #BCE802 95%);

 

HEX #BCE802 zu HEX #80E802


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 13%, #80E802 96%);

 

HEX #BCE802 zu HEX #80E802


CSS-Code:

background-image: radial-gradient(circle, #BCE802 8%, #80E802 97%);

 

HEX #80E802 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #80E802 13%, #BCE802 89%);

 

HEX #80E802 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #80E802 11%, #BCE802 87%);

 

HEX #BCE802 zu HEX #43E802


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 11%, #43E802 99%);

 

HEX #BCE802 zu HEX #43E802


CSS-Code:

background-image: radial-gradient(circle, #BCE802 7%, #43E802 86%);

 

HEX #43E802 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #43E802 13%, #BCE802 100%);

 

HEX #43E802 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #43E802 2%, #BCE802 86%);

Linear

HEX #BCE802 zu HEX #9BBF01


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 2%, #9BBF01 100%);

Radial

HEX #BCE802 zu HEX #9BBF01


CSS-Code:

background-image: radial-gradient(circle, #BCE802 1%, #9BBF01 94%);

 

HEX #9BBF01 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #9BBF01 5%, #BCE802 93%);

 

HEX #9BBF01 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #9BBF01 6%, #BCE802 97%);

 

HEX #BCE802 zu HEX #D0FC17


CSS-Code:

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

 

HEX #BCE802 zu HEX #D0FC17


CSS-Code:

background-image: radial-gradient(circle, #BCE802 10%, #D0FC17 94%);

 

HEX #D0FC17 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #D0FC17 5%, #BCE802 94%);

 

HEX #D0FC17 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #D0FC17 7%, #BCE802 87%);

 

HEX #BCE802 zu HEX #D8FD40


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 2%, #D8FD40 91%);

 

HEX #BCE802 zu HEX #D8FD40


CSS-Code:

background-image: radial-gradient(circle, #BCE802 4%, #D8FD40 86%);

 

HEX #D8FD40 zu HEX #BCE802


CSS-Code:

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

 

HEX #D8FD40 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #D8FD40 5%, #BCE802 88%);

Linear

HEX #BCE802 zu HEX #02E85A


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 3%, #02E85A 90%);

Radial

HEX #BCE802 zu HEX #02E85A


CSS-Code:

background-image: radial-gradient(circle, #BCE802 13%, #02E85A 93%);

 

HEX #02E85A zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #02E85A 14%, #BCE802 96%);

 

HEX #02E85A zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #02E85A 10%, #BCE802 90%);

 

HEX #BCE802 zu HEX #B602E8


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 9%, #B602E8 98%);

 

HEX #BCE802 zu HEX #B602E8


CSS-Code:

background-image: radial-gradient(circle, #BCE802 3%, #B602E8 87%);

 

HEX #B602E8 zu HEX #BCE802


CSS-Code:

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

 

HEX #B602E8 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #B602E8 6%, #BCE802 86%);

Linear

HEX #BCE802 zu HEX #02BEE8


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 14%, #02BEE8 100%);

Radial

HEX #BCE802 zu HEX #02BEE8


CSS-Code:

background-image: radial-gradient(circle, #BCE802 0%, #02BEE8 88%);

 

HEX #02BEE8 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #02BEE8 3%, #BCE802 99%);

 

HEX #02BEE8 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #02BEE8 13%, #BCE802 89%);

 

HEX #BCE802 zu HEX #E802BE


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 12%, #E802BE 91%);

 

HEX #BCE802 zu HEX #E802BE


CSS-Code:

background-image: radial-gradient(circle, #BCE802 5%, #E802BE 86%);

 

HEX #E802BE zu HEX #BCE802


CSS-Code:

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

 

HEX #E802BE zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #E802BE 1%, #BCE802 90%);

Linear

HEX #BCE802 zu HEX #02E85A


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 1%, #02E85A 93%);

Radial

HEX #BCE802 zu HEX #02E85A


CSS-Code:

background-image: radial-gradient(circle, #BCE802 2%, #02E85A 87%);

 

HEX #02E85A zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #02E85A 10%, #BCE802 97%);

 

HEX #02E85A zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #02E85A 1%, #BCE802 91%);

 

HEX #BCE802 zu HEX #2C02E8


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 7%, #2C02E8 94%);

 

HEX #BCE802 zu HEX #2C02E8


CSS-Code:

background-image: radial-gradient(circle, #BCE802 5%, #2C02E8 97%);

 

HEX #2C02E8 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #2C02E8 6%, #BCE802 95%);

 

HEX #2C02E8 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #2C02E8 10%, #BCE802 86%);

 

HEX #BCE802 zu HEX #E80290


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 6%, #E80290 100%);

 

HEX #BCE802 zu HEX #E80290


CSS-Code:

background-image: radial-gradient(circle, #BCE802 2%, #E80290 95%);

 

HEX #E80290 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #E80290 8%, #BCE802 95%);

 

HEX #E80290 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #E80290 10%, #BCE802 90%);

Linear

HEX #BCE802 zu HEX #02E89F


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 10%, #02E89F 98%);

Radial

HEX #BCE802 zu HEX #02E89F


CSS-Code:

background-image: radial-gradient(circle, #BCE802 0%, #02E89F 90%);

 

HEX #02E89F zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #02E89F 5%, #BCE802 95%);

 

HEX #02E89F zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #02E89F 14%, #BCE802 87%);

 

HEX #BCE802 zu HEX #2C02E8


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 7%, #2C02E8 93%);

 

HEX #BCE802 zu HEX #2C02E8


CSS-Code:

background-image: radial-gradient(circle, #BCE802 3%, #2C02E8 97%);

 

HEX #2C02E8 zu HEX #BCE802


CSS-Code:

background-image: linear-gradient(135deg, #2C02E8 13%, #BCE802 98%);

 

HEX #2C02E8 zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #2C02E8 0%, #BCE802 91%);

 

HEX #BCE802 zu HEX #E8024B


CSS-Code:

background-image: linear-gradient(135deg, #BCE802 8%, #E8024B 96%);

 

HEX #BCE802 zu HEX #E8024B


CSS-Code:

background-image: radial-gradient(circle, #BCE802 3%, #E8024B 94%);

 

HEX #E8024B zu HEX #BCE802


CSS-Code:

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

 

HEX #E8024B zu HEX #BCE802


CSS-Code:

background-image: radial-gradient(circle, #E8024B 12%, #BCE802 99%);

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