Nothing Special   »   [go: up one dir, main page]

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

✕

CSS Gradienten:
#4EED01

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 Grün von den anderen Farben ab. Der Wert der für den grünen Farbton steht, ist größer als die anderen beiden Werte. Er hebt sich weit ab vom Wert für den roten und blauen Farbton. 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 78 Rot, 237 Grün und 1 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.
78 237 1 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 67 Cyan, keine Magenta, 100 Gelb und 7 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.
67% 0% 100% 7% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #4EED01 zu HEX #B112FE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 0%, #B112FE 92%);

Radial

HEX #4EED01 zu HEX #B112FE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 12%, #B112FE 95%);

 

HEX #B112FE zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #B112FE 9%, #4EED01 86%);

 

HEX #B112FE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #B112FE 10%, #4EED01 93%);

Linear

HEX #4EED01 zu HEX #8FEE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 14%, #8FEE01 87%);

Radial

HEX #4EED01 zu HEX #8FEE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 4%, #8FEE01 87%);

 

HEX #8FEE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #8FEE01 6%, #4EED01 91%);

 

HEX #8FEE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #8FEE01 2%, #4EED01 99%);

 

HEX #4EED01 zu HEX #50EE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 2%, #50EE01 97%);

 

HEX #4EED01 zu HEX #50EE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 9%, #50EE01 89%);

 

HEX #50EE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #50EE01 9%, #4EED01 94%);

 

HEX #50EE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #50EE01 13%, #4EED01 95%);

 

HEX #4EED01 zu HEX #11EE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 7%, #11EE01 88%);

 

HEX #4EED01 zu HEX #11EE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 5%, #11EE01 92%);

 

HEX #11EE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #11EE01 4%, #4EED01 93%);

 

HEX #11EE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #11EE01 7%, #4EED01 90%);

 

HEX #4EED01 zu HEX #01EE30


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 4%, #01EE30 91%);

 

HEX #4EED01 zu HEX #01EE30


CSS-Code:

background-image: radial-gradient(circle, #4EED01 8%, #01EE30 93%);

 

HEX #01EE30 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #01EE30 1%, #4EED01 92%);

 

HEX #01EE30 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #01EE30 11%, #4EED01 91%);

Linear

HEX #4EED01 zu HEX #41C500


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 13%, #41C500 91%);

Radial

HEX #4EED01 zu HEX #41C500


CSS-Code:

background-image: radial-gradient(circle, #4EED01 4%, #41C500 86%);

 

HEX #41C500 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #41C500 8%, #4EED01 86%);

 

HEX #41C500 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #41C500 3%, #4EED01 87%);

 

HEX #4EED01 zu HEX #4EEE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 11%, #4EEE01 91%);

 

HEX #4EED01 zu HEX #4EEE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 13%, #4EEE01 94%);

 

HEX #4EEE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #4EEE01 10%, #4EED01 86%);

 

HEX #4EEE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #4EEE01 4%, #4EED01 90%);

 

HEX #4EED01 zu HEX #65FD1B


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 6%, #65FD1B 91%);

 

HEX #4EED01 zu HEX #65FD1B


CSS-Code:

background-image: radial-gradient(circle, #4EED01 7%, #65FD1B 95%);

 

HEX #65FD1B zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #65FD1B 0%, #4EED01 99%);

 

HEX #65FD1B zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #65FD1B 11%, #4EED01 89%);

 

HEX #4EED01 zu HEX #80FE44


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 6%, #80FE44 97%);

 

HEX #4EED01 zu HEX #80FE44


CSS-Code:

background-image: radial-gradient(circle, #4EED01 14%, #80FE44 86%);

 

HEX #80FE44 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #80FE44 1%, #4EED01 100%);

 

HEX #80FE44 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #80FE44 9%, #4EED01 97%);

Linear

HEX #4EED01 zu HEX #8FEE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 12%, #8FEE01 95%);

Radial

HEX #4EED01 zu HEX #8FEE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 6%, #8FEE01 94%);

 

HEX #8FEE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #8FEE01 13%, #4EED01 90%);

 

HEX #8FEE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #8FEE01 4%, #4EED01 86%);

 

HEX #4EED01 zu HEX #50EE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 12%, #50EE01 86%);

 

HEX #4EED01 zu HEX #50EE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 11%, #50EE01 94%);

 

HEX #50EE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #50EE01 0%, #4EED01 99%);

 

HEX #50EE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #50EE01 12%, #4EED01 90%);

 

HEX #4EED01 zu HEX #11EE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 14%, #11EE01 99%);

 

HEX #4EED01 zu HEX #11EE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 4%, #11EE01 93%);

 

HEX #11EE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #11EE01 11%, #4EED01 92%);

 

HEX #11EE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #11EE01 4%, #4EED01 98%);

 

HEX #4EED01 zu HEX #01EE30


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 13%, #01EE30 90%);

 

HEX #4EED01 zu HEX #01EE30


CSS-Code:

background-image: radial-gradient(circle, #4EED01 5%, #01EE30 96%);

 

HEX #01EE30 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #01EE30 5%, #4EED01 98%);

 

HEX #01EE30 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #01EE30 0%, #4EED01 89%);

Linear

HEX #4EED01 zu HEX #41C500


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 0%, #41C500 88%);

Radial

HEX #4EED01 zu HEX #41C500


CSS-Code:

background-image: radial-gradient(circle, #4EED01 2%, #41C500 100%);

 

HEX #41C500 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #41C500 2%, #4EED01 99%);

 

HEX #41C500 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #41C500 10%, #4EED01 91%);

 

HEX #4EED01 zu HEX #4EEE01


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 12%, #4EEE01 94%);

 

HEX #4EED01 zu HEX #4EEE01


CSS-Code:

background-image: radial-gradient(circle, #4EED01 9%, #4EEE01 98%);

 

HEX #4EEE01 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #4EEE01 5%, #4EED01 94%);

 

HEX #4EEE01 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #4EEE01 13%, #4EED01 96%);

 

HEX #4EED01 zu HEX #65FD1B


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 13%, #65FD1B 92%);

 

HEX #4EED01 zu HEX #65FD1B


CSS-Code:

background-image: radial-gradient(circle, #4EED01 10%, #65FD1B 87%);

 

HEX #65FD1B zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #65FD1B 3%, #4EED01 89%);

 

HEX #65FD1B zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #65FD1B 12%, #4EED01 92%);

 

HEX #4EED01 zu HEX #80FE44


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 11%, #80FE44 98%);

 

HEX #4EED01 zu HEX #80FE44


CSS-Code:

background-image: radial-gradient(circle, #4EED01 2%, #80FE44 91%);

 

HEX #80FE44 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #80FE44 0%, #4EED01 95%);

 

HEX #80FE44 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #80FE44 1%, #4EED01 93%);

Linear

HEX #4EED01 zu HEX #01EECE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 7%, #01EECE 97%);

Radial

HEX #4EED01 zu HEX #01EECE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 7%, #01EECE 95%);

 

HEX #01EECE zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #01EECE 4%, #4EED01 89%);

 

HEX #01EECE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #01EECE 11%, #4EED01 86%);

 

HEX #4EED01 zu HEX #EE01AF


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 6%, #EE01AF 95%);

 

HEX #4EED01 zu HEX #EE01AF


CSS-Code:

background-image: radial-gradient(circle, #4EED01 11%, #EE01AF 94%);

 

HEX #EE01AF zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #EE01AF 3%, #4EED01 96%);

 

HEX #EE01AF zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #EE01AF 10%, #4EED01 97%);

Linear

HEX #4EED01 zu HEX #0150EE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 1%, #0150EE 93%);

Radial

HEX #4EED01 zu HEX #0150EE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 0%, #0150EE 87%);

 

HEX #0150EE zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #0150EE 11%, #4EED01 91%);

 

HEX #0150EE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #0150EE 8%, #4EED01 89%);

 

HEX #4EED01 zu HEX #EE0150


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 3%, #EE0150 94%);

 

HEX #4EED01 zu HEX #EE0150


CSS-Code:

background-image: radial-gradient(circle, #4EED01 8%, #EE0150 92%);

 

HEX #EE0150 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #EE0150 13%, #4EED01 99%);

 

HEX #EE0150 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #EE0150 4%, #4EED01 97%);

Linear

HEX #4EED01 zu HEX #01EECE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 11%, #01EECE 88%);

Radial

HEX #4EED01 zu HEX #01EECE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 3%, #01EECE 96%);

 

HEX #01EECE zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #01EECE 0%, #4EED01 99%);

 

HEX #01EECE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #01EECE 4%, #4EED01 96%);

 

HEX #4EED01 zu HEX #9F01EE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 11%, #9F01EE 92%);

 

HEX #4EED01 zu HEX #9F01EE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 10%, #9F01EE 99%);

 

HEX #9F01EE zu HEX #4EED01


CSS-Code:

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

 

HEX #9F01EE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #9F01EE 3%, #4EED01 95%);

 

HEX #4EED01 zu HEX #EE0120


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 11%, #EE0120 98%);

 

HEX #4EED01 zu HEX #EE0120


CSS-Code:

background-image: radial-gradient(circle, #4EED01 1%, #EE0120 94%);

 

HEX #EE0120 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #EE0120 7%, #4EED01 91%);

 

HEX #EE0120 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #EE0120 13%, #4EED01 90%);

Linear

HEX #4EED01 zu HEX #01C6EE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 12%, #01C6EE 96%);

Radial

HEX #4EED01 zu HEX #01C6EE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 14%, #01C6EE 86%);

 

HEX #01C6EE zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #01C6EE 9%, #4EED01 98%);

 

HEX #01C6EE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #01C6EE 9%, #4EED01 98%);

 

HEX #4EED01 zu HEX #9F01EE


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 2%, #9F01EE 97%);

 

HEX #4EED01 zu HEX #9F01EE


CSS-Code:

background-image: radial-gradient(circle, #4EED01 3%, #9F01EE 93%);

 

HEX #9F01EE zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #9F01EE 13%, #4EED01 90%);

 

HEX #9F01EE zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #9F01EE 7%, #4EED01 91%);

 

HEX #4EED01 zu HEX #EE2801


CSS-Code:

background-image: linear-gradient(135deg, #4EED01 6%, #EE2801 97%);

 

HEX #4EED01 zu HEX #EE2801


CSS-Code:

background-image: radial-gradient(circle, #4EED01 7%, #EE2801 98%);

 

HEX #EE2801 zu HEX #4EED01


CSS-Code:

background-image: linear-gradient(135deg, #EE2801 7%, #4EED01 86%);

 

HEX #EE2801 zu HEX #4EED01


CSS-Code:

background-image: radial-gradient(circle, #EE2801 3%, #4EED01 92%);

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-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de