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

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

CSS Gradienten:
CMYK 0 / 1 / 60 / 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, 220 Grün und 89 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 220 89 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 1 Magenta, 60 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% 1% 60% 13% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DEDC59 zu HEX #2123A6


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 3%, #2123A6 94%);

Radial

HEX #DEDC59 zu HEX #2123A6


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #2123A6 89%);

 

HEX #2123A6 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #2123A6 5%, #DEDC59 95%);

 

HEX #2123A6 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #2123A6 11%, #DEDC59 99%);

Linear

HEX #DEDC59 zu HEX #DEB858


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 14%, #DEB858 98%);

Radial

HEX #DEDC59 zu HEX #DEB858


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 10%, #DEB858 92%);

 

HEX #DEB858 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #DEB858 10%, #DEDC59 89%);

 

HEX #DEB858 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DEB858 4%, #DEDC59 94%);

 

HEX #DEDC59 zu HEX #DEDB58


CSS-Code:

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

 

HEX #DEDC59 zu HEX #DEDB58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #DEDB58 96%);

 

HEX #DEDB58 zu HEX #DEDC59


CSS-Code:

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

 

HEX #DEDB58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DEDB58 11%, #DEDC59 88%);

 

HEX #DEDC59 zu HEX #BCDE58


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 0%, #BCDE58 96%);

 

HEX #DEDC59 zu HEX #BCDE58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 3%, #BCDE58 87%);

 

HEX #BCDE58 zu HEX #DEDC59


CSS-Code:

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

 

HEX #BCDE58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #BCDE58 10%, #DEDC59 98%);

 

HEX #DEDC59 zu HEX #99DE58


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 2%, #99DE58 92%);

 

HEX #DEDC59 zu HEX #99DE58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 0%, #99DE58 97%);

 

HEX #99DE58 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #99DE58 0%, #DEDC59 97%);

 

HEX #99DE58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #99DE58 8%, #DEDC59 95%);

Linear

HEX #DEDC59 zu HEX #D7D436


CSS-Code:

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

Radial

HEX #DEDC59 zu HEX #D7D436


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 5%, #D7D436 96%);

 

HEX #D7D436 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #D7D436 1%, #DEDC59 97%);

 

HEX #D7D436 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #D7D436 5%, #DEDC59 93%);

 

HEX #DEDC59 zu HEX #DEDC58


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 4%, #DEDC58 89%);

 

HEX #DEDC59 zu HEX #DEDC58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 5%, #DEDC58 92%);

 

HEX #DEDC58 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #DEDC58 13%, #DEDC59 96%);

 

HEX #DEDC58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DEDC58 0%, #DEDC59 91%);

 

HEX #DEDC59 zu HEX #E4E37B


CSS-Code:

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

 

HEX #DEDC59 zu HEX #E4E37B


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #E4E37B 100%);

 

HEX #E4E37B zu HEX #DEDC59


CSS-Code:

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

 

HEX #E4E37B zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #E4E37B 12%, #DEDC59 93%);

 

HEX #DEDC59 zu HEX #EBEA9D


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 7%, #EBEA9D 90%);

 

HEX #DEDC59 zu HEX #EBEA9D


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #EBEA9D 88%);

 

HEX #EBEA9D zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #EBEA9D 3%, #DEDC59 100%);

 

HEX #EBEA9D zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #EBEA9D 14%, #DEDC59 92%);

Linear

HEX #DEDC59 zu HEX #DEB858


CSS-Code:

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

Radial

HEX #DEDC59 zu HEX #DEB858


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 7%, #DEB858 86%);

 

HEX #DEB858 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #DEB858 9%, #DEDC59 99%);

 

HEX #DEB858 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DEB858 14%, #DEDC59 97%);

 

HEX #DEDC59 zu HEX #DEDB58


CSS-Code:

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

 

HEX #DEDC59 zu HEX #DEDB58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #DEDB58 98%);

 

HEX #DEDB58 zu HEX #DEDC59


CSS-Code:

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

 

HEX #DEDB58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DEDB58 8%, #DEDC59 98%);

 

HEX #DEDC59 zu HEX #BCDE58


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 12%, #BCDE58 86%);

 

HEX #DEDC59 zu HEX #BCDE58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 14%, #BCDE58 100%);

 

HEX #BCDE58 zu HEX #DEDC59


CSS-Code:

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

 

HEX #BCDE58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #BCDE58 12%, #DEDC59 94%);

 

HEX #DEDC59 zu HEX #99DE58


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 12%, #99DE58 91%);

 

HEX #DEDC59 zu HEX #99DE58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 9%, #99DE58 92%);

 

HEX #99DE58 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #99DE58 7%, #DEDC59 89%);

 

HEX #99DE58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #99DE58 9%, #DEDC59 87%);

Linear

HEX #DEDC59 zu HEX #D7D436


CSS-Code:

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

Radial

HEX #DEDC59 zu HEX #D7D436


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 2%, #D7D436 91%);

 

HEX #D7D436 zu HEX #DEDC59


CSS-Code:

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

 

HEX #D7D436 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #D7D436 3%, #DEDC59 89%);

 

HEX #DEDC59 zu HEX #DEDC58


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 7%, #DEDC58 89%);

 

HEX #DEDC59 zu HEX #DEDC58


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 7%, #DEDC58 97%);

 

HEX #DEDC58 zu HEX #DEDC59


CSS-Code:

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

 

HEX #DEDC58 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DEDC58 6%, #DEDC59 100%);

 

HEX #DEDC59 zu HEX #E4E37B


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 0%, #E4E37B 91%);

 

HEX #DEDC59 zu HEX #E4E37B


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 7%, #E4E37B 94%);

 

HEX #E4E37B zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #E4E37B 4%, #DEDC59 96%);

 

HEX #E4E37B zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #E4E37B 5%, #DEDC59 99%);

 

HEX #DEDC59 zu HEX #EBEA9D


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 1%, #EBEA9D 92%);

 

HEX #DEDC59 zu HEX #EBEA9D


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #EBEA9D 87%);

 

HEX #EBEA9D zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #EBEA9D 11%, #DEDC59 99%);

 

HEX #EBEA9D zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #EBEA9D 11%, #DEDC59 92%);

Linear

HEX #DEDC59 zu HEX #58DE71


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 14%, #58DE71 91%);

Radial

HEX #DEDC59 zu HEX #58DE71


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 13%, #58DE71 95%);

 

HEX #58DE71 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #58DE71 10%, #DEDC59 89%);

 

HEX #58DE71 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #58DE71 5%, #DEDC59 100%);

 

HEX #DEDC59 zu HEX #A658DE


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 8%, #A658DE 99%);

 

HEX #DEDC59 zu HEX #A658DE


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 5%, #A658DE 99%);

 

HEX #A658DE zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #A658DE 9%, #DEDC59 90%);

 

HEX #A658DE zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #A658DE 13%, #DEDC59 94%);

Linear

HEX #DEDC59 zu HEX #58DEDB


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 13%, #58DEDB 86%);

Radial

HEX #DEDC59 zu HEX #58DEDB


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #58DEDB 90%);

 

HEX #58DEDB zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #58DEDB 0%, #DEDC59 87%);

 

HEX #58DEDB zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #58DEDB 9%, #DEDC59 98%);

 

HEX #DEDC59 zu HEX #DB58DE


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 12%, #DB58DE 98%);

 

HEX #DEDC59 zu HEX #DB58DE


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 3%, #DB58DE 90%);

 

HEX #DB58DE zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #DB58DE 10%, #DEDC59 94%);

 

HEX #DB58DE zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DB58DE 8%, #DEDC59 100%);

Linear

HEX #DEDC59 zu HEX #58DE71


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 7%, #58DE71 100%);

Radial

HEX #DEDC59 zu HEX #58DE71


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 13%, #58DE71 100%);

 

HEX #58DE71 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #58DE71 4%, #DEDC59 86%);

 

HEX #58DE71 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #58DE71 0%, #DEDC59 92%);

 

HEX #DEDC59 zu HEX #585BDE


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 8%, #585BDE 86%);

 

HEX #DEDC59 zu HEX #585BDE


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 8%, #585BDE 98%);

 

HEX #585BDE zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #585BDE 7%, #DEDC59 89%);

 

HEX #585BDE zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #585BDE 2%, #DEDC59 100%);

 

HEX #DEDC59 zu HEX #DE58C5


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 7%, #DE58C5 90%);

 

HEX #DEDC59 zu HEX #DE58C5


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 6%, #DE58C5 93%);

 

HEX #DE58C5 zu HEX #DEDC59


CSS-Code:

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

 

HEX #DE58C5 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DE58C5 6%, #DEDC59 98%);

Linear

HEX #DEDC59 zu HEX #58DE99


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 0%, #58DE99 98%);

Radial

HEX #DEDC59 zu HEX #58DE99


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 3%, #58DE99 94%);

 

HEX #58DE99 zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #58DE99 12%, #DEDC59 90%);

 

HEX #58DE99 zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #58DE99 14%, #DEDC59 98%);

 

HEX #DEDC59 zu HEX #585BDE


CSS-Code:

background-image: linear-gradient(135deg, #DEDC59 8%, #585BDE 88%);

 

HEX #DEDC59 zu HEX #585BDE


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 8%, #585BDE 86%);

 

HEX #585BDE zu HEX #DEDC59


CSS-Code:

background-image: linear-gradient(135deg, #585BDE 1%, #DEDC59 90%);

 

HEX #585BDE zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #585BDE 7%, #DEDC59 91%);

 

HEX #DEDC59 zu HEX #DE589D


CSS-Code:

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

 

HEX #DEDC59 zu HEX #DE589D


CSS-Code:

background-image: radial-gradient(circle, #DEDC59 4%, #DE589D 96%);

 

HEX #DE589D zu HEX #DEDC59


CSS-Code:

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

 

HEX #DE589D zu HEX #DEDC59


CSS-Code:

background-image: radial-gradient(circle, #DE589D 1%, #DEDC59 98%);

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.