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 18 / 0 / 62 / 11

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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 186 Rot, 227 Grün und 86 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 18 Cyan, keine Magenta, 62 Gelb und 11 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.

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Komplementärfarbe

Linear

HEX #BAE356 zu HEX #451CA9

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 5%, #451CA9 89%);

Radial

HEX #BAE356 zu HEX #451CA9

CSS-Code:

background-image: radial-gradient(circle, #BAE356 9%, #451CA9 86%);

HEX #451CA9 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #451CA9 0%, #BAE356 93%);

HEX #451CA9 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #451CA9 8%, #BAE356 95%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Hellere Farbtöne

Linear

HEX #BAE356 zu HEX #E0E353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 4%, #E0E353 86%);

Radial

HEX #BAE356 zu HEX #E0E353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 10%, #E0E353 98%);

HEX #E0E353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #E0E353 5%, #BAE356 93%);

HEX #E0E353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #E0E353 10%, #BAE356 89%);

HEX #BAE356 zu HEX #BAE353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 12%, #BAE353 95%);

HEX #BAE356 zu HEX #BAE353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 7%, #BAE353 97%);

HEX #BAE353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #BAE353 12%, #BAE356 93%);

HEX #BAE353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #BAE353 4%, #BAE356 96%);

HEX #BAE356 zu HEX #94E353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 0%, #94E353 92%);

HEX #BAE356 zu HEX #94E353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 12%, #94E353 89%);

HEX #94E353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #94E353 2%, #BAE356 92%);

HEX #94E353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #94E353 13%, #BAE356 92%);

HEX #BAE356 zu HEX #6EE353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 3%, #6EE353 100%);

HEX #BAE356 zu HEX #6EE353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 11%, #6EE353 97%);

HEX #6EE353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #6EE353 5%, #BAE356 91%);

HEX #6EE353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #6EE353 14%, #BAE356 99%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Dunklere Farbtöne

Linear

HEX #BAE356 zu HEX #ABDD30

CSS-Code:

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

Radial

HEX #BAE356 zu HEX #ABDD30

CSS-Code:

background-image: radial-gradient(circle, #BAE356 1%, #ABDD30 94%);

HEX #ABDD30 zu HEX #BAE356

CSS-Code:

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

HEX #ABDD30 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #ABDD30 5%, #BAE356 90%);

HEX #BAE356 zu HEX #B9E353

CSS-Code:

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

HEX #BAE356 zu HEX #B9E353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 6%, #B9E353 89%);

HEX #B9E353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #B9E353 6%, #BAE356 97%);

HEX #B9E353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #B9E353 7%, #BAE356 98%);

HEX #BAE356 zu HEX #C7E877

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 4%, #C7E877 92%);

HEX #BAE356 zu HEX #C7E877

CSS-Code:

background-image: radial-gradient(circle, #BAE356 2%, #C7E877 87%);

HEX #C7E877 zu HEX #BAE356

CSS-Code:

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

HEX #C7E877 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #C7E877 11%, #BAE356 97%);

HEX #BAE356 zu HEX #D6EE9A

CSS-Code:

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

HEX #BAE356 zu HEX #D6EE9A

CSS-Code:

background-image: radial-gradient(circle, #BAE356 4%, #D6EE9A 96%);

HEX #D6EE9A zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #D6EE9A 5%, #BAE356 87%);

HEX #D6EE9A zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #D6EE9A 2%, #BAE356 90%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Analoge Farben

Linear

HEX #BAE356 zu HEX #E0E353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 0%, #E0E353 99%);

Radial

HEX #BAE356 zu HEX #E0E353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 8%, #E0E353 93%);

HEX #E0E353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #E0E353 2%, #BAE356 92%);

HEX #E0E353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #E0E353 7%, #BAE356 100%);

HEX #BAE356 zu HEX #BAE353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 0%, #BAE353 87%);

HEX #BAE356 zu HEX #BAE353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 8%, #BAE353 96%);

HEX #BAE353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #BAE353 11%, #BAE356 89%);

HEX #BAE353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #BAE353 5%, #BAE356 86%);

HEX #BAE356 zu HEX #94E353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 3%, #94E353 96%);

HEX #BAE356 zu HEX #94E353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 10%, #94E353 86%);

HEX #94E353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #94E353 10%, #BAE356 92%);

HEX #94E353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #94E353 11%, #BAE356 95%);

HEX #BAE356 zu HEX #6EE353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 8%, #6EE353 92%);

HEX #BAE356 zu HEX #6EE353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 8%, #6EE353 94%);

HEX #6EE353 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #6EE353 3%, #BAE356 96%);

HEX #6EE353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #6EE353 10%, #BAE356 89%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Monochromatische Farben

Linear

HEX #BAE356 zu HEX #ABDD30

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 7%, #ABDD30 97%);

Radial

HEX #BAE356 zu HEX #ABDD30

CSS-Code:

background-image: radial-gradient(circle, #BAE356 2%, #ABDD30 96%);

HEX #ABDD30 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #ABDD30 14%, #BAE356 100%);

HEX #ABDD30 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #ABDD30 3%, #BAE356 91%);

HEX #BAE356 zu HEX #B9E353

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 12%, #B9E353 88%);

HEX #BAE356 zu HEX #B9E353

CSS-Code:

background-image: radial-gradient(circle, #BAE356 13%, #B9E353 96%);

HEX #B9E353 zu HEX #BAE356

CSS-Code:

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

HEX #B9E353 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #B9E353 4%, #BAE356 98%);

HEX #BAE356 zu HEX #C7E877

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 7%, #C7E877 98%);

HEX #BAE356 zu HEX #C7E877

CSS-Code:

background-image: radial-gradient(circle, #BAE356 11%, #C7E877 86%);

HEX #C7E877 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #C7E877 6%, #BAE356 97%);

HEX #C7E877 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #C7E877 14%, #BAE356 91%);

HEX #BAE356 zu HEX #D6EE9A

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 7%, #D6EE9A 95%);

HEX #BAE356 zu HEX #D6EE9A

CSS-Code:

background-image: radial-gradient(circle, #BAE356 7%, #D6EE9A 99%);

HEX #D6EE9A zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #D6EE9A 3%, #BAE356 89%);

HEX #D6EE9A zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #D6EE9A 8%, #BAE356 99%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Teilkomplementär Farben

Linear

HEX #BAE356 zu HEX #53E399

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 3%, #53E399 90%);

Radial

HEX #BAE356 zu HEX #53E399

CSS-Code:

background-image: radial-gradient(circle, #BAE356 11%, #53E399 98%);

HEX #53E399 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #53E399 3%, #BAE356 100%);

HEX #53E399 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #53E399 0%, #BAE356 98%);

HEX #BAE356 zu HEX #D253E3

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 11%, #D253E3 98%);

HEX #BAE356 zu HEX #D253E3

CSS-Code:

background-image: radial-gradient(circle, #BAE356 10%, #D253E3 98%);

HEX #D253E3 zu HEX #BAE356

CSS-Code:

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

HEX #D253E3 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #D253E3 8%, #BAE356 96%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Triadische Farben

Linear

HEX #BAE356 zu HEX #53BAE3

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 4%, #53BAE3 99%);

Radial

HEX #BAE356 zu HEX #53BAE3

CSS-Code:

background-image: radial-gradient(circle, #BAE356 14%, #53BAE3 86%);

HEX #53BAE3 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #53BAE3 0%, #BAE356 92%);

HEX #53BAE3 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #53BAE3 5%, #BAE356 100%);

HEX #BAE356 zu HEX #E353BA

CSS-Code:

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

HEX #BAE356 zu HEX #E353BA

CSS-Code:

background-image: radial-gradient(circle, #BAE356 12%, #E353BA 93%);

HEX #E353BA zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #E353BA 3%, #BAE356 96%);

HEX #E353BA zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #E353BA 6%, #BAE356 94%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Rechteckige (Tetradische) Farben

Linear

HEX #BAE356 zu HEX #53E399

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 11%, #53E399 91%);

Radial

HEX #BAE356 zu HEX #53E399

CSS-Code:

background-image: radial-gradient(circle, #BAE356 12%, #53E399 86%);

HEX #53E399 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #53E399 0%, #BAE356 93%);

HEX #53E399 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #53E399 0%, #BAE356 99%);

HEX #BAE356 zu HEX #7C53E3

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 2%, #7C53E3 87%);

HEX #BAE356 zu HEX #7C53E3

CSS-Code:

background-image: radial-gradient(circle, #BAE356 12%, #7C53E3 92%);

HEX #7C53E3 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #7C53E3 8%, #BAE356 99%);

HEX #7C53E3 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #7C53E3 7%, #BAE356 86%);

HEX #BAE356 zu HEX #E3539D

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 3%, #E3539D 96%);

HEX #BAE356 zu HEX #E3539D

CSS-Code:

background-image: radial-gradient(circle, #BAE356 12%, #E3539D 88%);

HEX #E3539D zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #E3539D 1%, #BAE356 100%);

HEX #E3539D zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #E3539D 6%, #BAE356 100%);

2-Farben Gradienten von CMYK 18 / 0 / 62 / 11 - Quadratische Farben

Linear

HEX #BAE356 zu HEX #53E3C4

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 12%, #53E3C4 93%);

Radial

HEX #BAE356 zu HEX #53E3C4

CSS-Code:

background-image: radial-gradient(circle, #BAE356 10%, #53E3C4 99%);

HEX #53E3C4 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #53E3C4 6%, #BAE356 87%);

HEX #53E3C4 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #53E3C4 14%, #BAE356 87%);

HEX #BAE356 zu HEX #7C53E3

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 13%, #7C53E3 92%);

HEX #BAE356 zu HEX #7C53E3

CSS-Code:

background-image: radial-gradient(circle, #BAE356 10%, #7C53E3 100%);

HEX #7C53E3 zu HEX #BAE356

CSS-Code:

background-image: linear-gradient(135deg, #7C53E3 7%, #BAE356 95%);

HEX #7C53E3 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #7C53E3 2%, #BAE356 90%);

HEX #BAE356 zu HEX #E35372

CSS-Code:

background-image: linear-gradient(135deg, #BAE356 14%, #E35372 100%);

HEX #BAE356 zu HEX #E35372

CSS-Code:

background-image: radial-gradient(circle, #BAE356 12%, #E35372 93%);

HEX #E35372 zu HEX #BAE356

CSS-Code:

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

HEX #E35372 zu HEX #BAE356

CSS-Code:

background-image: radial-gradient(circle, #E35372 5%, #BAE356 90%);

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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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.

Public

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.