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:
RGB 236 195 64

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ECC340 zu HEX #133CBF


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 2%, #133CBF 91%);

Radial

HEX #ECC340 zu HEX #133CBF


CSS-Code:

background-image: radial-gradient(circle, #ECC340 2%, #133CBF 99%);

 

HEX #133CBF zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #133CBF 5%, #ECC340 93%);

 

HEX #133CBF zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #133CBF 13%, #ECC340 87%);

Linear

HEX #ECC340 zu HEX #EC9340


CSS-Code:

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

Radial

HEX #ECC340 zu HEX #EC9340


CSS-Code:

background-image: radial-gradient(circle, #ECC340 10%, #EC9340 96%);

 

HEX #EC9340 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #EC9340 1%, #ECC340 95%);

 

HEX #EC9340 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #EC9340 13%, #ECC340 86%);

 

HEX #ECC340 zu HEX #ECC140


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 1%, #ECC140 86%);

 

HEX #ECC340 zu HEX #ECC140


CSS-Code:

background-image: radial-gradient(circle, #ECC340 10%, #ECC140 90%);

 

HEX #ECC140 zu HEX #ECC340


CSS-Code:

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

 

HEX #ECC140 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #ECC140 2%, #ECC340 93%);

 

HEX #ECC340 zu HEX #E9EC40


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 14%, #E9EC40 93%);

 

HEX #ECC340 zu HEX #E9EC40


CSS-Code:

background-image: radial-gradient(circle, #ECC340 4%, #E9EC40 99%);

 

HEX #E9EC40 zu HEX #ECC340


CSS-Code:

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

 

HEX #E9EC40 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #E9EC40 10%, #ECC340 97%);

 

HEX #ECC340 zu HEX #BBEC40


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 12%, #BBEC40 87%);

 

HEX #ECC340 zu HEX #BBEC40


CSS-Code:

background-image: radial-gradient(circle, #ECC340 3%, #BBEC40 96%);

 

HEX #BBEC40 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #BBEC40 11%, #ECC340 95%);

 

HEX #BBEC40 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #BBEC40 8%, #ECC340 91%);

Linear

HEX #ECC340 zu HEX #E8B71B


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 8%, #E8B71B 94%);

Radial

HEX #ECC340 zu HEX #E8B71B


CSS-Code:

background-image: radial-gradient(circle, #ECC340 5%, #E8B71B 99%);

 

HEX #E8B71B zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #E8B71B 6%, #ECC340 95%);

 

HEX #E8B71B zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #E8B71B 8%, #ECC340 87%);

 

HEX #ECC340 zu HEX #EFCF66


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 7%, #EFCF66 88%);

 

HEX #ECC340 zu HEX #EFCF66


CSS-Code:

background-image: radial-gradient(circle, #ECC340 10%, #EFCF66 87%);

 

HEX #EFCF66 zu HEX #ECC340


CSS-Code:

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

 

HEX #EFCF66 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #EFCF66 14%, #ECC340 93%);

 

HEX #ECC340 zu HEX #F3DA8B


CSS-Code:

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

 

HEX #ECC340 zu HEX #F3DA8B


CSS-Code:

background-image: radial-gradient(circle, #ECC340 4%, #F3DA8B 100%);

 

HEX #F3DA8B zu HEX #ECC340


CSS-Code:

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

 

HEX #F3DA8B zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #F3DA8B 8%, #ECC340 97%);

Linear

HEX #ECC340 zu HEX #EC9340


CSS-Code:

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

Radial

HEX #ECC340 zu HEX #EC9340


CSS-Code:

background-image: radial-gradient(circle, #ECC340 9%, #EC9340 95%);

 

HEX #EC9340 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #EC9340 12%, #ECC340 94%);

 

HEX #EC9340 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #EC9340 0%, #ECC340 99%);

 

HEX #ECC340 zu HEX #ECC140


CSS-Code:

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

 

HEX #ECC340 zu HEX #ECC140


CSS-Code:

background-image: radial-gradient(circle, #ECC340 5%, #ECC140 95%);

 

HEX #ECC140 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #ECC140 13%, #ECC340 93%);

 

HEX #ECC140 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #ECC140 12%, #ECC340 99%);

 

HEX #ECC340 zu HEX #E9EC40


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 3%, #E9EC40 95%);

 

HEX #ECC340 zu HEX #E9EC40


CSS-Code:

background-image: radial-gradient(circle, #ECC340 2%, #E9EC40 93%);

 

HEX #E9EC40 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #E9EC40 6%, #ECC340 96%);

 

HEX #E9EC40 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #E9EC40 5%, #ECC340 99%);

 

HEX #ECC340 zu HEX #BBEC40


CSS-Code:

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

 

HEX #ECC340 zu HEX #BBEC40


CSS-Code:

background-image: radial-gradient(circle, #ECC340 10%, #BBEC40 99%);

 

HEX #BBEC40 zu HEX #ECC340


CSS-Code:

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

 

HEX #BBEC40 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #BBEC40 13%, #ECC340 100%);

Linear

HEX #ECC340 zu HEX #E8B71B


CSS-Code:

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

Radial

HEX #ECC340 zu HEX #E8B71B


CSS-Code:

background-image: radial-gradient(circle, #ECC340 2%, #E8B71B 99%);

 

HEX #E8B71B zu HEX #ECC340


CSS-Code:

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

 

HEX #E8B71B zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #E8B71B 6%, #ECC340 87%);

 

HEX #ECC340 zu HEX #EFCF66


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 11%, #EFCF66 87%);

 

HEX #ECC340 zu HEX #EFCF66


CSS-Code:

background-image: radial-gradient(circle, #ECC340 3%, #EFCF66 90%);

 

HEX #EFCF66 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #EFCF66 5%, #ECC340 100%);

 

HEX #EFCF66 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #EFCF66 0%, #ECC340 92%);

 

HEX #ECC340 zu HEX #F3DA8B


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 11%, #F3DA8B 87%);

 

HEX #ECC340 zu HEX #F3DA8B


CSS-Code:

background-image: radial-gradient(circle, #ECC340 7%, #F3DA8B 98%);

 

HEX #F3DA8B zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #F3DA8B 4%, #ECC340 99%);

 

HEX #F3DA8B zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #F3DA8B 7%, #ECC340 99%);

Linear

HEX #ECC340 zu HEX #49EC40


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 8%, #49EC40 99%);

Radial

HEX #ECC340 zu HEX #49EC40


CSS-Code:

background-image: radial-gradient(circle, #ECC340 11%, #49EC40 95%);

 

HEX #49EC40 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #49EC40 14%, #ECC340 88%);

 

HEX #49EC40 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #49EC40 13%, #ECC340 93%);

 

HEX #ECC340 zu HEX #7C40EC


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 1%, #7C40EC 96%);

 

HEX #ECC340 zu HEX #7C40EC


CSS-Code:

background-image: radial-gradient(circle, #ECC340 14%, #7C40EC 97%);

 

HEX #7C40EC zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #7C40EC 8%, #ECC340 92%);

 

HEX #7C40EC zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #7C40EC 5%, #ECC340 94%);

Linear

HEX #ECC340 zu HEX #40ECC1


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 7%, #40ECC1 86%);

Radial

HEX #ECC340 zu HEX #40ECC1


CSS-Code:

background-image: radial-gradient(circle, #ECC340 9%, #40ECC1 100%);

 

HEX #40ECC1 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #40ECC1 2%, #ECC340 98%);

 

HEX #40ECC1 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #40ECC1 11%, #ECC340 99%);

 

HEX #ECC340 zu HEX #C140EC


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 4%, #C140EC 87%);

 

HEX #ECC340 zu HEX #C140EC


CSS-Code:

background-image: radial-gradient(circle, #ECC340 12%, #C140EC 91%);

 

HEX #C140EC zu HEX #ECC340


CSS-Code:

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

 

HEX #C140EC zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #C140EC 7%, #ECC340 100%);

Linear

HEX #ECC340 zu HEX #49EC40


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 0%, #49EC40 86%);

Radial

HEX #ECC340 zu HEX #49EC40


CSS-Code:

background-image: radial-gradient(circle, #ECC340 2%, #49EC40 88%);

 

HEX #49EC40 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #49EC40 12%, #ECC340 100%);

 

HEX #49EC40 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #49EC40 13%, #ECC340 87%);

 

HEX #ECC340 zu HEX #406BEC


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 10%, #406BEC 99%);

 

HEX #ECC340 zu HEX #406BEC


CSS-Code:

background-image: radial-gradient(circle, #ECC340 0%, #406BEC 96%);

 

HEX #406BEC zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #406BEC 10%, #ECC340 94%);

 

HEX #406BEC zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #406BEC 12%, #ECC340 89%);

 

HEX #ECC340 zu HEX #E340EC


CSS-Code:

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

 

HEX #ECC340 zu HEX #E340EC


CSS-Code:

background-image: radial-gradient(circle, #ECC340 14%, #E340EC 87%);

 

HEX #E340EC zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #E340EC 7%, #ECC340 88%);

 

HEX #E340EC zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #E340EC 0%, #ECC340 99%);

Linear

HEX #ECC340 zu HEX #40EC6B


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 8%, #40EC6B 94%);

Radial

HEX #ECC340 zu HEX #40EC6B


CSS-Code:

background-image: radial-gradient(circle, #ECC340 5%, #40EC6B 97%);

 

HEX #40EC6B zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #40EC6B 1%, #ECC340 90%);

 

HEX #40EC6B zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #40EC6B 12%, #ECC340 93%);

 

HEX #ECC340 zu HEX #406BEC


CSS-Code:

background-image: linear-gradient(135deg, #ECC340 1%, #406BEC 89%);

 

HEX #ECC340 zu HEX #406BEC


CSS-Code:

background-image: radial-gradient(circle, #ECC340 9%, #406BEC 100%);

 

HEX #406BEC zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #406BEC 8%, #ECC340 91%);

 

HEX #406BEC zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #406BEC 8%, #ECC340 95%);

 

HEX #ECC340 zu HEX #EC40C1


CSS-Code:

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

 

HEX #ECC340 zu HEX #EC40C1


CSS-Code:

background-image: radial-gradient(circle, #ECC340 7%, #EC40C1 96%);

 

HEX #EC40C1 zu HEX #ECC340


CSS-Code:

background-image: linear-gradient(135deg, #EC40C1 14%, #ECC340 93%);

 

HEX #EC40C1 zu HEX #ECC340


CSS-Code:

background-image: radial-gradient(circle, #EC40C1 1%, #ECC340 99%);

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.