Neu: API-Pakete verfügbar

Unsere neue API bietet dir jetzt noch mehr Kontrolle über Farbkonvertierung – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen.
Erstelle mehrere API-Keys, verwalte dein monatliches Token-Kontingent und integriere qConv flexibel in deine Anwendungen.

Bis 2025-08-15: Einführungspreise auf alle Pakete!

JETZT ANSEHEN X

CSS Gradienten:
CMYK 0 / 7 / 60 / 4

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

Rot und Grün dominieren diesen Farbton deutlich: Der Rot- und der Grünwert liegen über Blau. Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #F5E462 zu HEX #0A1B9D


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 10%, #0A1B9D 95%);

Radial

HEX #F5E462 zu HEX #0A1B9D


CSS-Code:

background-image: radial-gradient(circle, #F5E462 5%, #0A1B9D 95%);

 

HEX #0A1B9D zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #0A1B9D 14%, #F5E462 94%);

 

HEX #0A1B9D zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #0A1B9D 1%, #F5E462 94%);

Linear

HEX #F5E462 zu HEX #F4BC60


CSS-Code:

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

Radial

HEX #F5E462 zu HEX #F4BC60


CSS-Code:

background-image: radial-gradient(circle, #F5E462 11%, #F4BC60 97%);

 

HEX #F4BC60 zu HEX #F5E462


CSS-Code:

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

 

HEX #F4BC60 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F4BC60 3%, #F5E462 98%);

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 14%, #F4E360 99%);

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

background-image: radial-gradient(circle, #F5E462 1%, #F4E360 98%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F4E360 6%, #F5E462 98%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F4E360 4%, #F5E462 92%);

 

HEX #F5E462 zu HEX #DEF460


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 3%, #DEF460 98%);

 

HEX #F5E462 zu HEX #DEF460


CSS-Code:

background-image: radial-gradient(circle, #F5E462 9%, #DEF460 87%);

 

HEX #DEF460 zu HEX #F5E462


CSS-Code:

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

 

HEX #DEF460 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #DEF460 11%, #F5E462 93%);

 

HEX #F5E462 zu HEX #B7F460


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 7%, #B7F460 87%);

 

HEX #F5E462 zu HEX #B7F460


CSS-Code:

background-image: radial-gradient(circle, #F5E462 13%, #B7F460 91%);

 

HEX #B7F460 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #B7F460 8%, #F5E462 86%);

 

HEX #B7F460 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #B7F460 2%, #F5E462 97%);

Linear

HEX #F5E462 zu HEX #F2DD3A


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 4%, #F2DD3A 91%);

Radial

HEX #F5E462 zu HEX #F2DD3A


CSS-Code:

background-image: radial-gradient(circle, #F5E462 10%, #F2DD3A 86%);

 

HEX #F2DD3A zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F2DD3A 9%, #F5E462 92%);

 

HEX #F2DD3A zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F2DD3A 14%, #F5E462 99%);

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 11%, #F4E360 91%);

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

background-image: radial-gradient(circle, #F5E462 12%, #F4E360 88%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F4E360 4%, #F5E462 91%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F4E360 0%, #F5E462 89%);

 

HEX #F5E462 zu HEX #F7EA87


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 11%, #F7EA87 97%);

 

HEX #F5E462 zu HEX #F7EA87


CSS-Code:

background-image: radial-gradient(circle, #F5E462 3%, #F7EA87 88%);

 

HEX #F7EA87 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F7EA87 2%, #F5E462 97%);

 

HEX #F7EA87 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F7EA87 7%, #F5E462 91%);

 

HEX #F5E462 zu HEX #F9F1AE


CSS-Code:

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

 

HEX #F5E462 zu HEX #F9F1AE


CSS-Code:

background-image: radial-gradient(circle, #F5E462 0%, #F9F1AE 93%);

 

HEX #F9F1AE zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F9F1AE 14%, #F5E462 97%);

 

HEX #F9F1AE zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F9F1AE 1%, #F5E462 96%);

Linear

HEX #F5E462 zu HEX #F4BC60


CSS-Code:

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

Radial

HEX #F5E462 zu HEX #F4BC60


CSS-Code:

background-image: radial-gradient(circle, #F5E462 12%, #F4BC60 92%);

 

HEX #F4BC60 zu HEX #F5E462


CSS-Code:

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

 

HEX #F4BC60 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F4BC60 10%, #F5E462 86%);

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

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

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

background-image: radial-gradient(circle, #F5E462 5%, #F4E360 92%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F4E360 5%, #F5E462 88%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F4E360 11%, #F5E462 89%);

 

HEX #F5E462 zu HEX #DEF460


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 6%, #DEF460 87%);

 

HEX #F5E462 zu HEX #DEF460


CSS-Code:

background-image: radial-gradient(circle, #F5E462 12%, #DEF460 86%);

 

HEX #DEF460 zu HEX #F5E462


CSS-Code:

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

 

HEX #DEF460 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #DEF460 9%, #F5E462 88%);

 

HEX #F5E462 zu HEX #B7F460


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 1%, #B7F460 91%);

 

HEX #F5E462 zu HEX #B7F460


CSS-Code:

background-image: radial-gradient(circle, #F5E462 3%, #B7F460 99%);

 

HEX #B7F460 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #B7F460 5%, #F5E462 92%);

 

HEX #B7F460 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #B7F460 7%, #F5E462 86%);

Linear

HEX #F5E462 zu HEX #F2DD3A


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 9%, #F2DD3A 93%);

Radial

HEX #F5E462 zu HEX #F2DD3A


CSS-Code:

background-image: radial-gradient(circle, #F5E462 12%, #F2DD3A 87%);

 

HEX #F2DD3A zu HEX #F5E462


CSS-Code:

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

 

HEX #F2DD3A zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F2DD3A 1%, #F5E462 95%);

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

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

 

HEX #F5E462 zu HEX #F4E360


CSS-Code:

background-image: radial-gradient(circle, #F5E462 4%, #F4E360 94%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F4E360 2%, #F5E462 95%);

 

HEX #F4E360 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F4E360 2%, #F5E462 89%);

 

HEX #F5E462 zu HEX #F7EA87


CSS-Code:

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

 

HEX #F5E462 zu HEX #F7EA87


CSS-Code:

background-image: radial-gradient(circle, #F5E462 9%, #F7EA87 95%);

 

HEX #F7EA87 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F7EA87 1%, #F5E462 91%);

 

HEX #F7EA87 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F7EA87 13%, #F5E462 94%);

 

HEX #F5E462 zu HEX #F9F1AE


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 3%, #F9F1AE 98%);

 

HEX #F5E462 zu HEX #F9F1AE


CSS-Code:

background-image: radial-gradient(circle, #F5E462 1%, #F9F1AE 94%);

 

HEX #F9F1AE zu HEX #F5E462


CSS-Code:

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

 

HEX #F9F1AE zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F9F1AE 8%, #F5E462 92%);

Linear

HEX #F5E462 zu HEX #60F46D


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 12%, #60F46D 97%);

Radial

HEX #F5E462 zu HEX #60F46D


CSS-Code:

background-image: radial-gradient(circle, #F5E462 2%, #60F46D 93%);

 

HEX #60F46D zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #60F46D 12%, #F5E462 95%);

 

HEX #60F46D zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #60F46D 12%, #F5E462 96%);

 

HEX #F5E462 zu HEX #A860F4


CSS-Code:

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

 

HEX #F5E462 zu HEX #A860F4


CSS-Code:

background-image: radial-gradient(circle, #F5E462 9%, #A860F4 98%);

 

HEX #A860F4 zu HEX #F5E462


CSS-Code:

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

 

HEX #A860F4 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #A860F4 7%, #F5E462 96%);

Linear

HEX #F5E462 zu HEX #60F4E3


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 2%, #60F4E3 99%);

Radial

HEX #F5E462 zu HEX #60F4E3


CSS-Code:

background-image: radial-gradient(circle, #F5E462 12%, #60F4E3 96%);

 

HEX #60F4E3 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #60F4E3 1%, #F5E462 89%);

 

HEX #60F4E3 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #60F4E3 11%, #F5E462 97%);

 

HEX #F5E462 zu HEX #E360F4


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 10%, #E360F4 90%);

 

HEX #F5E462 zu HEX #E360F4


CSS-Code:

background-image: radial-gradient(circle, #F5E462 6%, #E360F4 92%);

 

HEX #E360F4 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #E360F4 3%, #F5E462 86%);

 

HEX #E360F4 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #E360F4 7%, #F5E462 89%);

Linear

HEX #F5E462 zu HEX #60F46D


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 11%, #60F46D 97%);

Radial

HEX #F5E462 zu HEX #60F46D


CSS-Code:

background-image: radial-gradient(circle, #F5E462 7%, #60F46D 88%);

 

HEX #60F46D zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #60F46D 12%, #F5E462 98%);

 

HEX #60F46D zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #60F46D 7%, #F5E462 100%);

 

HEX #F5E462 zu HEX #6072F4


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 6%, #6072F4 100%);

 

HEX #F5E462 zu HEX #6072F4


CSS-Code:

background-image: radial-gradient(circle, #F5E462 2%, #6072F4 90%);

 

HEX #6072F4 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #6072F4 7%, #F5E462 89%);

 

HEX #6072F4 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #6072F4 1%, #F5E462 98%);

 

HEX #F5E462 zu HEX #F460E8


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 9%, #F460E8 97%);

 

HEX #F5E462 zu HEX #F460E8


CSS-Code:

background-image: radial-gradient(circle, #F5E462 14%, #F460E8 99%);

 

HEX #F460E8 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #F460E8 0%, #F5E462 98%);

 

HEX #F460E8 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F460E8 12%, #F5E462 97%);

Linear

HEX #F5E462 zu HEX #60F499


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 7%, #60F499 87%);

Radial

HEX #F5E462 zu HEX #60F499


CSS-Code:

background-image: radial-gradient(circle, #F5E462 6%, #60F499 99%);

 

HEX #60F499 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #60F499 12%, #F5E462 99%);

 

HEX #60F499 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #60F499 11%, #F5E462 90%);

 

HEX #F5E462 zu HEX #6072F4


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 14%, #6072F4 95%);

 

HEX #F5E462 zu HEX #6072F4


CSS-Code:

background-image: radial-gradient(circle, #F5E462 7%, #6072F4 88%);

 

HEX #6072F4 zu HEX #F5E462


CSS-Code:

background-image: linear-gradient(135deg, #6072F4 1%, #F5E462 86%);

 

HEX #6072F4 zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #6072F4 8%, #F5E462 93%);

 

HEX #F5E462 zu HEX #F460BC


CSS-Code:

background-image: linear-gradient(135deg, #F5E462 8%, #F460BC 89%);

 

HEX #F5E462 zu HEX #F460BC


CSS-Code:

background-image: radial-gradient(circle, #F5E462 3%, #F460BC 99%);

 

HEX #F460BC zu HEX #F5E462


CSS-Code:

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

 

HEX #F460BC zu HEX #F5E462


CSS-Code:

background-image: radial-gradient(circle, #F460BC 1%, #F5E462 89%);

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

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)

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

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.