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

✕

CSS Gradienten:
CMYK 0 / 12 / 42 / 0

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 255 Rot, 224 Grün und 148 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.
255 224 148 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 12 Magenta, 42 Gelb und keine 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% 12% 42% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FFE094 zu HEX #001F6B


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 6%, #001F6B 92%);

Radial

HEX #FFE094 zu HEX #001F6B


CSS-Code:

background-image: radial-gradient(circle, #FFE094 6%, #001F6B 94%);

 

HEX #001F6B zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #001F6B 0%, #FFE094 98%);

 

HEX #001F6B zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #001F6B 3%, #FFE094 91%);

Linear

HEX #FFE094 zu HEX #FFF2A2


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 5%, #FFF2A2 89%);

Radial

HEX #FFE094 zu HEX #FFF2A2


CSS-Code:

background-image: radial-gradient(circle, #FFE094 0%, #FFF2A2 89%);

 

HEX #FFF2A2 zu HEX #FFE094


CSS-Code:

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

 

HEX #FFF2A2 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FFF2A2 5%, #FFE094 99%);

 

HEX #FFE094 zu HEX #FFFFB5


CSS-Code:

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

 

HEX #FFE094 zu HEX #FFFFB5


CSS-Code:

background-image: radial-gradient(circle, #FFE094 14%, #FFFFB5 94%);

 

HEX #FFFFB5 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #FFFFB5 11%, #FFE094 94%);

 

HEX #FFFFB5 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FFFFB5 14%, #FFE094 89%);

 

HEX #FFE094 zu HEX #FFFFC8


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 2%, #FFFFC8 87%);

 

HEX #FFE094 zu HEX #FFFFC8


CSS-Code:

background-image: radial-gradient(circle, #FFE094 8%, #FFFFC8 100%);

 

HEX #FFFFC8 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #FFFFC8 13%, #FFE094 98%);

 

HEX #FFFFC8 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FFFFC8 6%, #FFE094 99%);

 

HEX #FFE094 zu HEX #FFFFDB


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 11%, #FFFFDB 92%);

 

HEX #FFE094 zu HEX #FFFFDB


CSS-Code:

background-image: radial-gradient(circle, #FFE094 9%, #FFFFDB 87%);

 

HEX #FFFFDB zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #FFFFDB 2%, #FFE094 86%);

 

HEX #FFFFDB zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FFFFDB 1%, #FFE094 97%);

Linear

HEX #FFE094 zu HEX #EECE81


CSS-Code:

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

Radial

HEX #FFE094 zu HEX #EECE81


CSS-Code:

background-image: radial-gradient(circle, #FFE094 9%, #EECE81 96%);

 

HEX #EECE81 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #EECE81 0%, #FFE094 93%);

 

HEX #EECE81 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #EECE81 14%, #FFE094 89%);

 

HEX #FFE094 zu HEX #DDBC6E


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 3%, #DDBC6E 88%);

 

HEX #FFE094 zu HEX #DDBC6E


CSS-Code:

background-image: radial-gradient(circle, #FFE094 11%, #DDBC6E 88%);

 

HEX #DDBC6E zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #DDBC6E 11%, #FFE094 90%);

 

HEX #DDBC6E zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #DDBC6E 12%, #FFE094 87%);

 

HEX #FFE094 zu HEX #CCAA5B


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 7%, #CCAA5B 91%);

 

HEX #FFE094 zu HEX #CCAA5B


CSS-Code:

background-image: radial-gradient(circle, #FFE094 6%, #CCAA5B 95%);

 

HEX #CCAA5B zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #CCAA5B 4%, #FFE094 97%);

 

HEX #CCAA5B zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #CCAA5B 9%, #FFE094 99%);

 

HEX #FFE094 zu HEX #BB9848


CSS-Code:

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

 

HEX #FFE094 zu HEX #BB9848


CSS-Code:

background-image: radial-gradient(circle, #FFE094 2%, #BB9848 100%);

 

HEX #BB9848 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #BB9848 3%, #FFE094 91%);

 

HEX #BB9848 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #BB9848 0%, #FFE094 95%);

Linear

HEX #FFE094 zu HEX #FFF093


CSS-Code:

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

Radial

HEX #FFE094 zu HEX #FFF093


CSS-Code:

background-image: radial-gradient(circle, #FFE094 11%, #FFF093 86%);

 

HEX #FFF093 zu HEX #FFE094


CSS-Code:

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

 

HEX #FFF093 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FFF093 12%, #FFE094 92%);

 

HEX #FFE094 zu HEX #FBFF93


CSS-Code:

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

 

HEX #FFE094 zu HEX #FBFF93


CSS-Code:

background-image: radial-gradient(circle, #FFE094 9%, #FBFF93 94%);

 

HEX #FBFF93 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #FBFF93 8%, #FFE094 88%);

 

HEX #FBFF93 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FBFF93 3%, #FFE094 87%);

 

HEX #FFE094 zu HEX #E9FF93


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 10%, #E9FF93 98%);

 

HEX #FFE094 zu HEX #E9FF93


CSS-Code:

background-image: radial-gradient(circle, #FFE094 7%, #E9FF93 93%);

 

HEX #E9FF93 zu HEX #FFE094


CSS-Code:

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

 

HEX #E9FF93 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #E9FF93 11%, #FFE094 89%);

 

HEX #FFE094 zu HEX #D7FF93


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 12%, #D7FF93 96%);

 

HEX #FFE094 zu HEX #D7FF93


CSS-Code:

background-image: radial-gradient(circle, #FFE094 0%, #D7FF93 93%);

 

HEX #D7FF93 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #D7FF93 5%, #FFE094 96%);

 

HEX #D7FF93 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #D7FF93 8%, #FFE094 100%);

Linear

HEX #FFE094 zu HEX #332D1E


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 3%, #332D1E 99%);

Radial

HEX #FFE094 zu HEX #332D1E


CSS-Code:

background-image: radial-gradient(circle, #FFE094 2%, #332D1E 86%);

 

HEX #332D1E zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #332D1E 11%, #FFE094 93%);

 

HEX #332D1E zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #332D1E 11%, #FFE094 88%);

 

HEX #FFE094 zu HEX #665A3B


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 4%, #665A3B 94%);

 

HEX #FFE094 zu HEX #665A3B


CSS-Code:

background-image: radial-gradient(circle, #FFE094 4%, #665A3B 92%);

 

HEX #665A3B zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #665A3B 1%, #FFE094 87%);

 

HEX #665A3B zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #665A3B 2%, #FFE094 100%);

 

HEX #FFE094 zu HEX #998659


CSS-Code:

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

 

HEX #FFE094 zu HEX #998659


CSS-Code:

background-image: radial-gradient(circle, #FFE094 8%, #998659 87%);

 

HEX #998659 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #998659 2%, #FFE094 87%);

 

HEX #998659 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #998659 12%, #FFE094 95%);

 

HEX #FFE094 zu HEX #CCB376


CSS-Code:

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

 

HEX #FFE094 zu HEX #CCB376


CSS-Code:

background-image: radial-gradient(circle, #FFE094 2%, #CCB376 88%);

 

HEX #CCB376 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #CCB376 4%, #FFE094 97%);

 

HEX #CCB376 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #CCB376 8%, #FFE094 100%);

Linear

HEX #FFE094 zu HEX #9EFF93


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 11%, #9EFF93 90%);

Radial

HEX #FFE094 zu HEX #9EFF93


CSS-Code:

background-image: radial-gradient(circle, #FFE094 3%, #9EFF93 95%);

 

HEX #9EFF93 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #9EFF93 11%, #FFE094 95%);

 

HEX #9EFF93 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #9EFF93 10%, #FFE094 88%);

 

HEX #FFE094 zu HEX #B493FF


CSS-Code:

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

 

HEX #FFE094 zu HEX #B493FF


CSS-Code:

background-image: radial-gradient(circle, #FFE094 3%, #B493FF 96%);

 

HEX #B493FF zu HEX #FFE094


CSS-Code:

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

 

HEX #B493FF zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #B493FF 1%, #FFE094 95%);

Linear

HEX #FFE094 zu HEX #93FFDE


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 5%, #93FFDE 90%);

Radial

HEX #FFE094 zu HEX #93FFDE


CSS-Code:

background-image: radial-gradient(circle, #FFE094 4%, #93FFDE 99%);

 

HEX #93FFDE zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #93FFDE 1%, #FFE094 98%);

 

HEX #93FFDE zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #93FFDE 14%, #FFE094 90%);

 

HEX #FFE094 zu HEX #DE93FF


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 13%, #DE93FF 97%);

 

HEX #FFE094 zu HEX #DE93FF


CSS-Code:

background-image: radial-gradient(circle, #FFE094 8%, #DE93FF 87%);

 

HEX #DE93FF zu HEX #FFE094


CSS-Code:

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

 

HEX #DE93FF zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #DE93FF 14%, #FFE094 88%);

Linear

HEX #FFE094 zu HEX #9EFF93


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 14%, #9EFF93 97%);

Radial

HEX #FFE094 zu HEX #9EFF93


CSS-Code:

background-image: radial-gradient(circle, #FFE094 9%, #9EFF93 95%);

 

HEX #9EFF93 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #9EFF93 0%, #FFE094 86%);

 

HEX #9EFF93 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #9EFF93 3%, #FFE094 90%);

 

HEX #FFE094 zu HEX #93B4FF


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 14%, #93B4FF 92%);

 

HEX #FFE094 zu HEX #93B4FF


CSS-Code:

background-image: radial-gradient(circle, #FFE094 6%, #93B4FF 97%);

 

HEX #93B4FF zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #93B4FF 9%, #FFE094 99%);

 

HEX #93B4FF zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #93B4FF 14%, #FFE094 96%);

 

HEX #FFE094 zu HEX #F493FF


CSS-Code:

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

 

HEX #FFE094 zu HEX #F493FF


CSS-Code:

background-image: radial-gradient(circle, #FFE094 4%, #F493FF 89%);

 

HEX #F493FF zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #F493FF 13%, #FFE094 99%);

 

HEX #F493FF zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #F493FF 14%, #FFE094 91%);

Linear

HEX #FFE094 zu HEX #93FFA9


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 1%, #93FFA9 99%);

Radial

HEX #FFE094 zu HEX #93FFA9


CSS-Code:

background-image: radial-gradient(circle, #FFE094 10%, #93FFA9 100%);

 

HEX #93FFA9 zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #93FFA9 10%, #FFE094 89%);

 

HEX #93FFA9 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #93FFA9 14%, #FFE094 90%);

 

HEX #FFE094 zu HEX #93B4FF


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 12%, #93B4FF 91%);

 

HEX #FFE094 zu HEX #93B4FF


CSS-Code:

background-image: radial-gradient(circle, #FFE094 11%, #93B4FF 93%);

 

HEX #93B4FF zu HEX #FFE094


CSS-Code:

background-image: linear-gradient(135deg, #93B4FF 10%, #FFE094 94%);

 

HEX #93B4FF zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #93B4FF 10%, #FFE094 100%);

 

HEX #FFE094 zu HEX #FF93E9


CSS-Code:

background-image: linear-gradient(135deg, #FFE094 4%, #FF93E9 93%);

 

HEX #FFE094 zu HEX #FF93E9


CSS-Code:

background-image: radial-gradient(circle, #FFE094 9%, #FF93E9 99%);

 

HEX #FF93E9 zu HEX #FFE094


CSS-Code:

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

 

HEX #FF93E9 zu HEX #FFE094


CSS-Code:

background-image: radial-gradient(circle, #FF93E9 2%, #FFE094 95%);

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