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 / 0 / 69 / 13

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DEDE45 zu HEX #2121BA


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 8%, #2121BA 94%);

Radial

HEX #DEDE45 zu HEX #2121BA


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 10%, #2121BA 90%);

 

HEX #2121BA zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #2121BA 5%, #DEDE45 97%);

 

HEX #2121BA zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #2121BA 3%, #DEDE45 90%);

Linear

HEX #DEDE45 zu HEX #DEB544


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 6%, #DEB544 90%);

Radial

HEX #DEDE45 zu HEX #DEB544


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 10%, #DEB544 96%);

 

HEX #DEB544 zu HEX #DEDE45


CSS-Code:

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

 

HEX #DEB544 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DEB544 11%, #DEDE45 87%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

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

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 3%, #DEDE44 96%);

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #DEDE44 1%, #DEDE45 99%);

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DEDE44 2%, #DEDE45 95%);

 

HEX #DEDE45 zu HEX #B5DE44


CSS-Code:

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

 

HEX #DEDE45 zu HEX #B5DE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 8%, #B5DE44 86%);

 

HEX #B5DE44 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #B5DE44 9%, #DEDE45 89%);

 

HEX #B5DE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #B5DE44 11%, #DEDE45 90%);

 

HEX #DEDE45 zu HEX #8CDE44


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 2%, #8CDE44 87%);

 

HEX #DEDE45 zu HEX #8CDE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 8%, #8CDE44 91%);

 

HEX #8CDE44 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #8CDE44 1%, #DEDE45 89%);

 

HEX #8CDE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #8CDE44 5%, #DEDE45 97%);

Linear

HEX #DEDE45 zu HEX #D4D425


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 12%, #D4D425 90%);

Radial

HEX #DEDE45 zu HEX #D4D425


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 6%, #D4D425 87%);

 

HEX #D4D425 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #D4D425 2%, #DEDE45 96%);

 

HEX #D4D425 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #D4D425 11%, #DEDE45 90%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 11%, #DEDE44 88%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 11%, #DEDE44 95%);

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

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

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DEDE44 6%, #DEDE45 91%);

 

HEX #DEDE45 zu HEX #E4E467


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 1%, #E4E467 88%);

 

HEX #DEDE45 zu HEX #E4E467


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 5%, #E4E467 90%);

 

HEX #E4E467 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #E4E467 14%, #DEDE45 92%);

 

HEX #E4E467 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #E4E467 6%, #DEDE45 100%);

 

HEX #DEDE45 zu HEX #EAEA8A


CSS-Code:

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

 

HEX #DEDE45 zu HEX #EAEA8A


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 6%, #EAEA8A 92%);

 

HEX #EAEA8A zu HEX #DEDE45


CSS-Code:

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

 

HEX #EAEA8A zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #EAEA8A 13%, #DEDE45 97%);

Linear

HEX #DEDE45 zu HEX #DEB544


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 1%, #DEB544 99%);

Radial

HEX #DEDE45 zu HEX #DEB544


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 13%, #DEB544 91%);

 

HEX #DEB544 zu HEX #DEDE45


CSS-Code:

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

 

HEX #DEB544 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DEB544 4%, #DEDE45 99%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 9%, #DEDE44 88%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 10%, #DEDE44 93%);

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #DEDE44 11%, #DEDE45 100%);

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DEDE44 2%, #DEDE45 100%);

 

HEX #DEDE45 zu HEX #B5DE44


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 9%, #B5DE44 100%);

 

HEX #DEDE45 zu HEX #B5DE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 4%, #B5DE44 92%);

 

HEX #B5DE44 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #B5DE44 4%, #DEDE45 88%);

 

HEX #B5DE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #B5DE44 6%, #DEDE45 92%);

 

HEX #DEDE45 zu HEX #8CDE44


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 13%, #8CDE44 89%);

 

HEX #DEDE45 zu HEX #8CDE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 2%, #8CDE44 97%);

 

HEX #8CDE44 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #8CDE44 2%, #DEDE45 99%);

 

HEX #8CDE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #8CDE44 5%, #DEDE45 86%);

Linear

HEX #DEDE45 zu HEX #D4D425


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 9%, #D4D425 96%);

Radial

HEX #DEDE45 zu HEX #D4D425


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 4%, #D4D425 92%);

 

HEX #D4D425 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #D4D425 4%, #DEDE45 88%);

 

HEX #D4D425 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #D4D425 2%, #DEDE45 91%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 3%, #DEDE44 92%);

 

HEX #DEDE45 zu HEX #DEDE44


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 11%, #DEDE44 99%);

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

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

 

HEX #DEDE44 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DEDE44 3%, #DEDE45 86%);

 

HEX #DEDE45 zu HEX #E4E467


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 1%, #E4E467 90%);

 

HEX #DEDE45 zu HEX #E4E467


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 13%, #E4E467 90%);

 

HEX #E4E467 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #E4E467 6%, #DEDE45 93%);

 

HEX #E4E467 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #E4E467 8%, #DEDE45 96%);

 

HEX #DEDE45 zu HEX #EAEA8A


CSS-Code:

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

 

HEX #DEDE45 zu HEX #EAEA8A


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 0%, #EAEA8A 91%);

 

HEX #EAEA8A zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #EAEA8A 8%, #DEDE45 90%);

 

HEX #EAEA8A zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #EAEA8A 3%, #DEDE45 94%);

Linear

HEX #DEDE45 zu HEX #44DE63


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 9%, #44DE63 90%);

Radial

HEX #DEDE45 zu HEX #44DE63


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 12%, #44DE63 93%);

 

HEX #44DE63 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #44DE63 6%, #DEDE45 93%);

 

HEX #44DE63 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #44DE63 2%, #DEDE45 91%);

 

HEX #DEDE45 zu HEX #A044DE


CSS-Code:

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

 

HEX #DEDE45 zu HEX #A044DE


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 13%, #A044DE 86%);

 

HEX #A044DE zu HEX #DEDE45


CSS-Code:

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

 

HEX #A044DE zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #A044DE 0%, #DEDE45 91%);

Linear

HEX #DEDE45 zu HEX #44DEDE


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 0%, #44DEDE 92%);

Radial

HEX #DEDE45 zu HEX #44DEDE


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 13%, #44DEDE 90%);

 

HEX #44DEDE zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #44DEDE 13%, #DEDE45 92%);

 

HEX #44DEDE zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #44DEDE 9%, #DEDE45 93%);

 

HEX #DEDE45 zu HEX #DE44DE


CSS-Code:

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

 

HEX #DEDE45 zu HEX #DE44DE


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 2%, #DE44DE 99%);

 

HEX #DE44DE zu HEX #DEDE45


CSS-Code:

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

 

HEX #DE44DE zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DE44DE 7%, #DEDE45 95%);

Linear

HEX #DEDE45 zu HEX #44DE63


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 2%, #44DE63 89%);

Radial

HEX #DEDE45 zu HEX #44DE63


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 13%, #44DE63 100%);

 

HEX #44DE63 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #44DE63 11%, #DEDE45 99%);

 

HEX #44DE63 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #44DE63 10%, #DEDE45 86%);

 

HEX #DEDE45 zu HEX #4444DE


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 10%, #4444DE 97%);

 

HEX #DEDE45 zu HEX #4444DE


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 13%, #4444DE 94%);

 

HEX #4444DE zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #4444DE 14%, #DEDE45 96%);

 

HEX #4444DE zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #4444DE 10%, #DEDE45 96%);

 

HEX #DEDE45 zu HEX #DE44BF


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 2%, #DE44BF 99%);

 

HEX #DEDE45 zu HEX #DE44BF


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 4%, #DE44BF 98%);

 

HEX #DE44BF zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #DE44BF 4%, #DEDE45 95%);

 

HEX #DE44BF zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DE44BF 11%, #DEDE45 90%);

Linear

HEX #DEDE45 zu HEX #44DE91


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 6%, #44DE91 96%);

Radial

HEX #DEDE45 zu HEX #44DE91


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 7%, #44DE91 95%);

 

HEX #44DE91 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #44DE91 1%, #DEDE45 88%);

 

HEX #44DE91 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #44DE91 12%, #DEDE45 87%);

 

HEX #DEDE45 zu HEX #4444DE


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 13%, #4444DE 87%);

 

HEX #DEDE45 zu HEX #4444DE


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 14%, #4444DE 86%);

 

HEX #4444DE zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #4444DE 4%, #DEDE45 93%);

 

HEX #4444DE zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #4444DE 1%, #DEDE45 91%);

 

HEX #DEDE45 zu HEX #DE4491


CSS-Code:

background-image: linear-gradient(135deg, #DEDE45 1%, #DE4491 89%);

 

HEX #DEDE45 zu HEX #DE4491


CSS-Code:

background-image: radial-gradient(circle, #DEDE45 12%, #DE4491 98%);

 

HEX #DE4491 zu HEX #DEDE45


CSS-Code:

background-image: linear-gradient(135deg, #DE4491 0%, #DEDE45 100%);

 

HEX #DE4491 zu HEX #DEDE45


CSS-Code:

background-image: radial-gradient(circle, #DE4491 3%, #DEDE45 86%);

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)

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.