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 51 186 204

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

Bei dieser Farbe hebt sich Cyan von den anderen Farben ab. Die Werte die für den blauen und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des roten 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 51 Rot, 186 Grün und 204 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 75 Cyan, 9 Magenta, keine Gelb und 20 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 RGB 51 186 204 - Komplementärfarbe

Linear

HEX #33BACC zu HEX #CC4533

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 7%, #CC4533 88%);

Radial

HEX #33BACC zu HEX #CC4533

CSS-Code:

background-image: radial-gradient(circle, #33BACC 1%, #CC4533 96%);

HEX #CC4533 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #CC4533 12%, #33BACC 94%);

HEX #CC4533 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #CC4533 1%, #33BACC 92%);

2-Farben Gradienten von RGB 51 186 204 - Hellere Farbtöne

Linear

HEX #33BACC zu HEX #33CCB5

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 9%, #33CCB5 86%);

Radial

HEX #33BACC zu HEX #33CCB5

CSS-Code:

background-image: radial-gradient(circle, #33BACC 9%, #33CCB5 97%);

HEX #33CCB5 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #33CCB5 9%, #33BACC 92%);

HEX #33CCB5 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #33CCB5 2%, #33BACC 88%);

HEX #33BACC zu HEX #3391CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 2%, #3391CC 98%);

HEX #33BACC zu HEX #3391CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 1%, #3391CC 95%);

HEX #3391CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #3391CC 12%, #33BACC 92%);

HEX #3391CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #3391CC 1%, #33BACC 100%);

HEX #33BACC zu HEX #3368CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 10%, #3368CC 88%);

HEX #33BACC zu HEX #3368CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 8%, #3368CC 86%);

HEX #3368CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #3368CC 14%, #33BACC 92%);

HEX #3368CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #3368CC 4%, #33BACC 97%);

2-Farben Gradienten von RGB 51 186 204 - Dunklere Farbtöne

Linear

HEX #33BACC zu HEX #2A9BAA

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 14%, #2A9BAA 90%);

Radial

HEX #33BACC zu HEX #2A9BAA

CSS-Code:

background-image: radial-gradient(circle, #33BACC 6%, #2A9BAA 92%);

HEX #2A9BAA zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #2A9BAA 13%, #33BACC 88%);

HEX #2A9BAA zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #2A9BAA 13%, #33BACC 89%);

HEX #33BACC zu HEX #33B9CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 0%, #33B9CC 91%);

HEX #33BACC zu HEX #33B9CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 9%, #33B9CC 94%);

HEX #33B9CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #33B9CC 13%, #33BACC 87%);

HEX #33B9CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #33B9CC 13%, #33BACC 89%);

HEX #33BACC zu HEX #54C5D4

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 7%, #54C5D4 86%);

HEX #33BACC zu HEX #54C5D4

CSS-Code:

background-image: radial-gradient(circle, #33BACC 6%, #54C5D4 91%);

HEX #54C5D4 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #54C5D4 0%, #33BACC 95%);

HEX #54C5D4 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #54C5D4 7%, #33BACC 95%);

HEX #33BACC zu HEX #75D0DC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 12%, #75D0DC 88%);

HEX #33BACC zu HEX #75D0DC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 8%, #75D0DC 86%);

HEX #75D0DC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #75D0DC 1%, #33BACC 91%);

HEX #75D0DC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #75D0DC 7%, #33BACC 98%);

2-Farben Gradienten von RGB 51 186 204 - Analoge Farben

Linear

HEX #33BACC zu HEX #33CCB5

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 10%, #33CCB5 98%);

Radial

HEX #33BACC zu HEX #33CCB5

CSS-Code:

background-image: radial-gradient(circle, #33BACC 0%, #33CCB5 90%);

HEX #33CCB5 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #33CCB5 8%, #33BACC 88%);

HEX #33CCB5 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #33CCB5 10%, #33BACC 91%);

HEX #33BACC zu HEX #3391CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 13%, #3391CC 88%);

HEX #33BACC zu HEX #3391CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 1%, #3391CC 94%);

HEX #3391CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #3391CC 11%, #33BACC 96%);

HEX #3391CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #3391CC 11%, #33BACC 92%);

HEX #33BACC zu HEX #3368CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 6%, #3368CC 93%);

HEX #33BACC zu HEX #3368CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 7%, #3368CC 89%);

HEX #3368CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #3368CC 10%, #33BACC 100%);

HEX #3368CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #3368CC 14%, #33BACC 87%);

2-Farben Gradienten von RGB 51 186 204 - Monochromatische Farben

Linear

HEX #33BACC zu HEX #2A9BAA

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 8%, #2A9BAA 98%);

Radial

HEX #33BACC zu HEX #2A9BAA

CSS-Code:

background-image: radial-gradient(circle, #33BACC 9%, #2A9BAA 95%);

HEX #2A9BAA zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #2A9BAA 1%, #33BACC 98%);

HEX #2A9BAA zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #2A9BAA 3%, #33BACC 96%);

HEX #33BACC zu HEX #33B9CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 0%, #33B9CC 93%);

HEX #33BACC zu HEX #33B9CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 13%, #33B9CC 90%);

HEX #33B9CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #33B9CC 11%, #33BACC 99%);

HEX #33B9CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #33B9CC 9%, #33BACC 98%);

HEX #33BACC zu HEX #54C5D4

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 5%, #54C5D4 98%);

HEX #33BACC zu HEX #54C5D4

CSS-Code:

background-image: radial-gradient(circle, #33BACC 1%, #54C5D4 88%);

HEX #54C5D4 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #54C5D4 1%, #33BACC 95%);

HEX #54C5D4 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #54C5D4 1%, #33BACC 87%);

HEX #33BACC zu HEX #75D0DC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 2%, #75D0DC 87%);

HEX #33BACC zu HEX #75D0DC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 1%, #75D0DC 88%);

HEX #75D0DC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #75D0DC 5%, #33BACC 95%);

HEX #75D0DC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #75D0DC 14%, #33BACC 88%);

2-Farben Gradienten von RGB 51 186 204 - Teilkomplementär Farben

Linear

HEX #33BACC zu HEX #6333CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 11%, #6333CC 87%);

Radial

HEX #33BACC zu HEX #6333CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 0%, #6333CC 87%);

HEX #6333CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #6333CC 6%, #33BACC 92%);

HEX #6333CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #6333CC 6%, #33BACC 99%);

HEX #33BACC zu HEX #CCA033

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 5%, #CCA033 93%);

HEX #33BACC zu HEX #CCA033

CSS-Code:

background-image: radial-gradient(circle, #33BACC 9%, #CCA033 90%);

HEX #CCA033 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #CCA033 13%, #33BACC 87%);

HEX #CCA033 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #CCA033 12%, #33BACC 96%);

2-Farben Gradienten von RGB 51 186 204 - Triadische Farben

Linear

HEX #33BACC zu HEX #CC33BA

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 6%, #CC33BA 100%);

Radial

HEX #33BACC zu HEX #CC33BA

CSS-Code:

background-image: radial-gradient(circle, #33BACC 5%, #CC33BA 86%);

HEX #CC33BA zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #CC33BA 8%, #33BACC 88%);

HEX #CC33BA zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #CC33BA 0%, #33BACC 88%);

HEX #33BACC zu HEX #BACC33

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 5%, #BACC33 88%);

HEX #33BACC zu HEX #BACC33

CSS-Code:

background-image: radial-gradient(circle, #33BACC 12%, #BACC33 87%);

HEX #BACC33 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #BACC33 12%, #33BACC 92%);

HEX #BACC33 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #BACC33 3%, #33BACC 100%);

2-Farben Gradienten von RGB 51 186 204 - Rechteckige (Tetradische) Farben

Linear

HEX #33BACC zu HEX #6333CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 2%, #6333CC 93%);

Radial

HEX #33BACC zu HEX #6333CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 0%, #6333CC 87%);

HEX #6333CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #6333CC 5%, #33BACC 97%);

HEX #6333CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #6333CC 10%, #33BACC 100%);

HEX #33BACC zu HEX #CC4433

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 14%, #CC4433 99%);

HEX #33BACC zu HEX #CC4433

CSS-Code:

background-image: radial-gradient(circle, #33BACC 14%, #CC4433 91%);

HEX #CC4433 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #CC4433 10%, #33BACC 89%);

HEX #CC4433 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #CC4433 9%, #33BACC 88%);

HEX #33BACC zu HEX #9BCC33

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 5%, #9BCC33 89%);

HEX #33BACC zu HEX #9BCC33

CSS-Code:

background-image: radial-gradient(circle, #33BACC 3%, #9BCC33 93%);

HEX #9BCC33 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #9BCC33 12%, #33BACC 97%);

HEX #9BCC33 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #9BCC33 1%, #33BACC 96%);

2-Farben Gradienten von RGB 51 186 204 - Quadratische Farben

Linear

HEX #33BACC zu HEX #9133CC

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 8%, #9133CC 90%);

Radial

HEX #33BACC zu HEX #9133CC

CSS-Code:

background-image: radial-gradient(circle, #33BACC 9%, #9133CC 92%);

HEX #9133CC zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #9133CC 5%, #33BACC 91%);

HEX #9133CC zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #9133CC 9%, #33BACC 95%);

HEX #33BACC zu HEX #CC4433

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 2%, #CC4433 91%);

HEX #33BACC zu HEX #CC4433

CSS-Code:

background-image: radial-gradient(circle, #33BACC 5%, #CC4433 100%);

HEX #CC4433 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #CC4433 3%, #33BACC 99%);

HEX #CC4433 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #CC4433 1%, #33BACC 98%);

HEX #33BACC zu HEX #6DCC33

CSS-Code:

background-image: linear-gradient(135deg, #33BACC 10%, #6DCC33 96%);

HEX #33BACC zu HEX #6DCC33

CSS-Code:

background-image: radial-gradient(circle, #33BACC 2%, #6DCC33 98%);

HEX #6DCC33 zu HEX #33BACC

CSS-Code:

background-image: linear-gradient(135deg, #6DCC33 6%, #33BACC 99%);

HEX #6DCC33 zu HEX #33BACC

CSS-Code:

background-image: radial-gradient(circle, #6DCC33 10%, #33BACC 96%);

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.